zephora is a sleek and easy-to-use React-based weather app that provides detailed forecasts and real-time updates. It leverages the power of the OpenWeatherMap API to fetch accurate weather data. The UI is designed using the Bento grid layout, ensuring a modern, user-friendly experience.
- Real-time weather updates and 5-day forecast
- Air Quality Index (AQI) for key pollutants
- Sunrise and sunset times based on location
- Max/min temperatures, humidity, pressure, visibility, and "feels like" temperature
- Interactive weather maps with layers for Clouds, Precipitation, Wind Speed, and more
- Hourly temperature and wind speed in 3-hour intervals
- City search and current location weather data
- React
- Tailwind CSS
- Vite
-
Clone the Repository:
git clone https://github.com/your-username/zephora.git
-
Navigate to the project directory:
cd zephora -
Install Dependencies:
npm install
-
Start the Development Server:
npm run dev
This app uses the OpenWeatherMap API to fetch the weather data. Visit below mentioned website and register yourself to get your api key.
https://openweathermap.org/To run this project, you will need to add the following environment variables to your .env file
VITE_API_KEY = your_api_key
This project is licensed under the MIT License. See the LICENSE file for more details.