React Weather App 🌦️

A simple weather app built with React and powered by the OpenWeatherMap API.
This project was created as part of practicing and improving my ReactJS skills.

Features ✨

• Fetch and display current weather data for any location.
• Clean and responsive user interface.
• Built using React and Vite for fast development.

Prerequisites ⚙️

Before running this project, ensure you have the following installed:

• Node.js: v16 or higher
• npm or yarn for package management

Installation 🚀

Clone the repository

git clone https://github.com/adithyandileep/react-weather-app.git
cd react-weather-app

Install dependencies

npm install

Create an API key

1. Sign up at OpenWeatherMap if you haven't already.
2. Generate an API key from your account.

Set up environment variables

Create a .env file in the root of the project and add your API key:

VITE_WEATHER_API_KEY=your_api_key_here

Usage 💻

Development server

npm run dev

Build for production

npm run build

Preview the production build

npm run preview

Technologies Used 🛠️

• React: ^18.3.1 - Frontend framework
• Vite: ^5.4.10 - Build tool
• OpenWeatherMap API: Weather data
• ESLint: ^9.13.0 - Linter for JavaScript

How It Works ⚡

1. The app fetches weather data using the OpenWeatherMap API.
2. Users can search for cities to view their current weather.
3. The interface dynamically updates based on the API response.

Improvements 🎯

Potential future enhancements:

• Add a 7-day weather forecast feature.
• Implement geolocation-based weather data.
• Improve UI/UX with animations and theming.

License 📜

This project is licensed under the MIT License.

Author 👩‍💻

Created by Adithyan Dileep. Feel free to connect with me on GitHub or LinkedIn.

---