7 API رایگان برای پروژه های بعدی شما!

این مقاله به معرفی ۷ API رایگان پرداخته است که می‌تواند در پروژه‌های مختلف توسعه‌دهندگان مورد استفاده قرار گیرد. APIها ابزارهایی هستند که به توسعه‌دهندگان اجازه می‌دهند تا بدون نیاز به ساخت از ابتدا، از امکانات و داده‌های موجود به‌راحتی بهره‌مند شوند. در این مقاله، APIهای متنوعی از جمله APIهای مربوط به پردازش تصاویر، ترجمه متون، داده‌های آب‌وهوا، نقشه‌ها و موارد دیگر معرفی شده‌اند.

این APIها نه‌تنها رایگان هستند، بلکه به دلیل مستندات خوب و رابط‌های کاربرپسند، به‌راحتی در پروژه‌های مختلف قابل ادغام‌اند. انتخاب هر API بسته به نوع پروژه، می‌تواند ویژگی‌های جدید و ارزشمندی به پروژه اضافه کند. این مقاله به توسعه‌دهندگان کمک می‌کند تا با آشنایی با این APIها و کاربردهای آن‌ها، ایده‌های جدیدی برای توسعه پروژه‌های خلاقانه خود به دست آورند و بهره‌وری بالاتری داشته باشند.

1. MapBox

این سرویس به ما API های مربوط به لوکیشن و نقشه میده. با استفاده از این سرویس شما میتونید نقشه شخصی، موقعیت مکانی و... پیاده سازی کنید:

import React, { useEffect } from 'react';

const Mapbox = () => {
    useEffect(() => {
        // Set your Mapbox access token here
        const mapboxAccessToken = 'YOUR_MAPBOX_ACCESS_TOKEN';

        // Create a map instance
        const map = new mapboxgl.Map({
            container: 'map', // Container ID in the HTML
            style: 'mapbox://styles/mapbox/streets-v11', // Style URL
            center: [-74.5, 40], // Starting position [lng, lat]
            zoom: 9, // Starting zoom
        });

        mapboxgl.accessToken = mapboxAccessToken;
    }, []);

    return (
        
            Mapbox Example
            
        
    );
};

export default Mapbox;

لینک سرویس

2. NASA

با استفاده از api های ناسا شما میتونید تصاویر کهکشان، اسم سیاره ها، ستاره ها و ... به دست آوردید. اگه شما بخواید در مورد فضا اطلاعات بگیرید ناسا بهترینه:

import React, { useState, useEffect } from 'react';
import axios from 'axios';

const Nasa = () => {
    const [data, setData] = useState(null);

    useEffect(() => {
        axios.get('https://api.nasa.gov/planetary/apod?api_key=DEMO_KEY')
            .then(response => setData(response.data))
            .catch(error => console.error('Error fetching data from NASA API:', error));
    }, []);
    return (
            NASA Astronomy Picture of the Day
            {data ? (
                    {data.title}
                    {data.title}
                    {data.explanation}
            ) : (
                Loading...
            )}
    );
};

export default Nasa;

لینک سرویس

3. Favorite Quotes

این API لیستی از نقل و قول ها مفید رو در اختیار شما قرار میده. با این نقل و قول ها شما میتونید انگیزه بهتری به کاربرتون بدید:

import React, { useState, useEffect } from 'react';
import axios from 'axios';

const Quotes = () => {
    const [quote, setQuote] = useState('');

    useEffect(() => {
        axios.get('https://favqs.com/api/qotd')
            .then(response => setQuote(response.data.quote.body))
            .catch(error => console.error('Error fetching data from Quotes API:', error));
    }, []);

    return (
            Quote of the Day
            {quote}    );
};

export default Quotes;

لینک سرویس

4. Edamam

Edamam دسترسی به یک پایگاه داده جامع از مواد غذایی و دستور العمل ها، همراه با تجزیه و تحلیل دقیق سلامت را فراهم می کند. این API برای ایجاد رژیم غذایی، برنامه های دستور غذا و برنامه های کاربردی مبتنی بر تغذیه ایده آل است:

import React, { useState, useEffect } from 'react';
import axios from 'axios';

const Edamam = () => {
    const [recipes, setRecipes] = useState([]);
    const query = "chicken"; // Example search query

    useEffect(() => {
        const appId = 'YOUR_EDAMAM_APP_ID';
        const appKey = 'YOUR_EDAMAM_APP_KEY';

        axios.get(`https://api.edamam.com/search?q=${query}&app_id=${appId}&app_key=${appKey}`)
            .then(response => setRecipes(response.data.hits))
            .catch(error => console.error('Error fetching data from Edamam API:', error));
    }, []);

    return (
            Edamam Recipes for "{query}"
                {recipes.map((recipe, index) => (
                        {recipe.recipe.label}
                        {recipe.recipe.label}
                ))}
    );
};

export default Edamam;

لینک سرویس

5. Fake Store

Fake Store API یک ابزار فوق العاده برای توسعه دهندگانی است که روی پروژه های e-commerce کار می کنند. داده های واقعی را ارائه می دهد که می توانید از آنها برای پر کردن فروشگاه خود با محصولات، قیمت ها و دسته ها استفاده کنید:

import React, { useState, useEffect } from 'react';
import axios from 'axios';

const FakeStore = () => {
    const [products, setProducts] = useState([]);

    useEffect(() => {
        axios.get('https://fakestoreapi.com/products')
            .then(response => setProducts(response.data))
            .catch(error => console.error('Error fetching data from Fake Store API:', error));
    }, []);

    return (
            Fake Store Products
                {products.map(product => (
                        {product.title}
                        {product.title}
                ))}
    );
};

export default FakeStore;

لینک سرویس

6. Pokémon

Pokémon API (PokeAPI) برای هر طرفدار پوکمون ضروری است. این داده‌های جامعی را در مورد همه پوکمون‌ها، از جمله آمار، انواع و توانایی‌ها ارائه می‌کند و آن را برای ساخت برنامه‌ها و بازی‌های مرتبط با پوکمون عالی می‌کند:

import React, { useState, useEffect } from 'react';
import axios from 'axios';

const Pokemon = () => {
    const [pokemonList, setPokemonList] = useState([]);

    useEffect(() => {
        axios.get('https://pokeapi.co/api/v2/pokemon?limit=10')
            .then(response => setPokemonList(response.data.results))
            .catch(error => console.error('Error fetching data from Pokémon API:', error));
    }, []);

    return (
            Pokémon List
                {pokemonList.map((pokemon, index) => (
                        {pokemon.name}
                ))}
    );
};

export default Pokemon;

لینک سرویس

7. IGDB

API پایگاه داده بازی‌های اینترنتی (IGDB) داده‌های هزاران بازی ویدیویی را فراهم می‌کند و به شما امکان می‌دهد وب‌سایت‌ها و برنامه‌های مبتنی بر بازی‌های ویدیویی ایجاد کنید. می توانید اطلاعاتی در مورد بازی ها، پلتفرم ها، ژانرها و موارد دیگر دریافت کنید:

import React, { useState, useEffect } from 'react';
import axios from 'axios';

const IGDB = () => {
    const [games, setGames] = useState([]);

    useEffect(() => {
        const apiKey = 'YOUR_IGDB_API_KEY';

        axios.post('https://api.igdb.com/v4/games/', 
        'fields name, cover.url; sort popularity desc; limit 10;', 
        { headers: { 'Client-ID': 'YOUR_CLIENT_ID', 'Authorization': `Bearer ${apiKey}` } })
            .then(response => setGames(response.data))
            .catch(error => console.error('Error fetching data from IGDB API:', error));
    }, []);

    return (
            Popular Video Games
                {games.map(game => (
                        {game.cover ? {game.name} : null}
                        {game.name}
                ))}
    );
};

export default IGDB;

لینک سرویس

نتیجه گیری

در دنیای توسعه نرم‌افزار، استفاده از APIهای رایگان می‌تواند به سرعت بخشیدن به فرآیند توسعه و کاهش هزینه‌ها کمک کند. این APIها امکانات متنوعی را در اختیار شما می‌گذارند، از دسترسی به داده‌های عمومی گرفته تا ویژگی‌های پیشرفته‌ای مثل پردازش تصویر و ترجمه متون. استفاده از این ابزارها در پروژه‌های مختلف، ضمن ایجاد تجربه‌ای کاربرپسند، به شما اجازه می‌دهد تا روی بخش‌های اصلی پروژه خود تمرکز بیشتری داشته باشید. با انتخاب مناسب‌ترین APIها بر اساس نیازهای پروژه‌تان، می‌توانید کارایی و خلاقیت بیشتری به پروژه‌های بعدی خود اضافه کنید.

API
0 🔥
1 🎉
0 😮
0 👍
0 💜
0 👏
میلاد خسروی
نویسنده کد نیوز

برنامه نویس فان | Fun Developer یک آدم ساده که عاشق برنامه نویسی و کد زدنه :) تلاش میکنه تا به بقیه کمک کنه. توسعه دهنده هسته لاراول و فضای اوپن سورس. فاندر پرانتز و کد نیوز.

0+ نظر

برای ثبت نظر ابتدا ورود کنید.

0 نظر

    اولین نفر باش که نظر ثبت میکنی :) یعنی یه کامنت به ما نمیرسه 😁