/Weather-API-Project

This Project shows the Weather of country

Primary LanguageHTML

AI Weather App with React and OpenAI API

Welcome to the AI Weather App! This project demonstrates the integration of the OpenAI API with a React-based frontend to create an interactive weather application. The app allows users to input a country name and receive real-time temperature data along with weather conditions for that specific location. The AI component enhances user interaction by processing natural language queries and providing intuitive responses.

latest one

Features

  • OpenAI API Integration: Understands natural language queries to fetch relevant weather data.
  • React-Based Frontend: Dynamic and responsive UI built using React.
  • Task-Based API Configuration: Efficient handling of specific user queries.
  • Interactive User Experience: Explains weather conditions in simple language and suggests appropriate attire based on the weather.

Tech Stack

  • Frontend Framework: React
  • Backend/API Integration: OpenAI API
  • Build Tools: Vite
  • Package Management: npm (Node Package Manager)
  • Programming Languages: JavaScript

Getting Started

Prerequisites

To run this project, you will need to have the following installed on your local machine:

  • Node.js
  • npm (Node Package Manager)

Installation

  1. Clone the repository: 
    gh repo clone sakshi8707/Weather-API-Project
cd Weather-API-Project
npm install
npm run dev

Contributions

Contributions are welcome! Please fork this repository and submit pull requests with any enhancements or bug fixes.

Project Structure

The repository is structured as follows:

ai-weather-app/
├── public/
│   ├── index.html
├── src/
│   ├── components/
│   │   ├── WeatherComponent.js
│   ├── hooks/
│   │   ├── useWeather.js
│   ├── App.js
│   ├── index.js
├── .gitignore
├── package.json
├── README.md