Weather App with Vite

This project is a simple weather application built with React, Vite, and Framer Motion. It allows you to view weather information for a specific city.

Installation and Usage

1. Clone the Project:

   git clone https://github.com/your_username/weather-app.git

2. Install Dependencies:

   Navigate to the project directory and install the dependencies:

   cd weather-app npm install

3. Run the Project:

   Start the project:

   npm run dev

   The project will run in your browser.

How to Use

1. Enter the name of the desired city in the provided field.

2. Click the "Search" button.

3. Weather information for the selected city will be displayed.

Code Architecture

• React Components: This project utilizes React to create various components. For example, the main WeatherApp component uses the WeatherCard.

• Vite Build System: Vite is used for faster loading and development.

• Framer Motion: Framer Motion is used for animations and special effects in the UI.

• OpenWeatherMap API: This API is used to retrieve weather information.

Configuration

To make changes related to the weather API, you can replace your API key in the WeatherApp.js file:

const ApiKey = "YOUR_API_KEY";

References

• React
• Vite
• Framer Motion
• OpenWeatherMap API