Skip to content

A collection of projects demonstrating the use of APIs to fetch and integrate dynamic data into web applications. Explore various implementations of API interactions for functionalities like real-time data updates and third-party service integrations.

Notifications You must be signed in to change notification settings

ahmedkamal14/API-Based-Projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

API-Based Projects 🌐

Welcome to the API-Based Projects repository! 🚀 This repository showcases a collection of projects that leverage APIs to provide dynamic functionality and real-time data integration. Each project demonstrates different aspects of working with APIs, from fetching and displaying data to integrating third-party services.

Overview 📚

In this repository, you'll find various projects that utilize APIs for different purposes, such as fetching data, interacting with external services, and more. Explore these projects to see how APIs can be used to enhance web applications and services.

Projects 🚀

A recipe search application that uses a recipe API to fetch and display recipes based on user queries. Includes features like search filters and recipe details.

Recipe Finder


A project that simulates the functionality of ChatGPT using OpenAI's API. This application demonstrates how to integrate conversational AI into a web application for interactive user experiences.

ChatGPT Clone


Weather App 🌦️

A weather application that fetches and displays real-time weather data from a public API. Features include current weather conditions, forecasts, and location-based updates. Please note that this project is not fully responsive.

Weather App


Features 🌟

  • Dynamic Data: Fetches and displays data from various APIs. 🌐
  • Real-Time Updates: Provides real-time data and updates. ⏱️
  • Integration: Demonstrates integration with third-party APIs. 🔗

Technologies Used 💻

  • Vite Vite
  • Tailwind CSS TailwindCSS
  • JavaScript JavaScript
  • React React
  • Axios Axios

Libraries & Tools 🛠️

For development, I used several React hooks and libraries to enhance the functionality and maintainability of the codebase:

  • React Router DOM ReactRouter
  • React Icons ReactIcons
  • React Spinner ReactSpinner
  • React Use ReactUse
  • useLocalStorage for managing cart state in local storage.

Getting Started 🏁

To explore any of the projects, click on the Live Preview links to see them in action, or visit the Repository links to view the code.

License 📜

This project is licensed under the MIT License. See the LICENSE file for details.

About

A collection of projects demonstrating the use of APIs to fetch and integrate dynamic data into web applications. Explore various implementations of API interactions for functionalities like real-time data updates and third-party service integrations.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published