Forecastify ⛈️ (https://akash-forecastify.vercel.app/)
Forecastify is a weather app that allows users to easily get up-to-date weather information for any city. With a clean and intuitive interface, users can quickly search for a city and access weather data for today as well as the forecast for the next 5 days.
- Current Weather: Get real-time weather data for today, including temperature, humidity, wind speed, and more.
- 5-Day Forecast: Plan ahead with a 5-day weather forecast to stay prepared for changing weather conditions.
- City Search: Easily find weather information for any city around the world.
- React: Built with the popular JavaScript library for building user interfaces.
- Tailwind CSS: Styled with Tailwind CSS for a clean and responsive design.
- OpenWeatherMap API: Utilizes the OpenWeatherMap API to fetch accurate and reliable weather data.
-
Clone the repository:
git clone https://github.com/AKASH-PRASAD7/Forecastify.git
-
Install dependencies:
cd forecastify npm install
-
Set up API Key:
Obtain a free API key from OpenWeatherMap and replace the placeholder in your code with your actual API key.
-
Rename an .sample.env file to .env then add the following line, replacing YOUR_ACTUAL_API_KEY with your OpenWeatherMap API key:
VITE_API_KEY=<YOUR_API_KEY>
-
Start the app:
npm run dev
The app will be available at
http://localhost:5173
.
- Open the app in your browser.
- Enter the name of the city you want to check the weather for in the search bar.
- Press Enter or click on the search icon.
- View the current weather and the 5-day forecast for the selected city.
This project is licensed under the MIT License - see the LICENSE file for details.
- Thanks to OpenWeatherMap for providing the weather data API.
- This project was inspired by the desire to create a simple and effective weather app.