This Weather App is a React-based application designed to display real-time weather information. It utilizes the OpenWeatherMap API to fetch weather data based on user input. The app features a sleek, modern UI with dynamic icons representing current weather conditions, temperature, humidity, and wind speed.
- Search functionality for global cities.
- Displays temperature, humidity, wind speed, and general conditions.
- Responsive design that adapts to various devices.
- Pre-fetches weather data for Fremont on initial load.
- Frontend: React.js
- API: OpenWeatherMap
- Styling: CSS with modern features like flexbox and gradients.
Before you begin, ensure you have the following installed:
- Node.js
- npm (Node Package Manager)
To get this project running on your local machine, follow these steps:
- Clone the repository:
git clone https://github.com/yourusername/weather-app.git
- Navigate to the project directory:
cd weather-app - Install dependencies:
npm install
- Set your API key:
- Create a
.envfile in the root directory. - Add your OpenWeatherMap API key as
VITE_APP_ID=your_api_key_here.
- Create a
To start the server and run the app:
npm startDistributed under the MIT License. See the LICENSE file for more information.