A dynamic and modern React application that provides real-time weather data and a 5-day forecast for any city worldwide, featuring a sleek Glassmorphism UI and responsive design.
View the Live Application Here: https://forecastify-five.vercel.app/
- Real-time Weather: Fetches and displays current weather conditions.
- 5-Day Forecast: Provides a detailed outlook for the next five days.
- Today's Highlights: Displays essential metrics like Humidity, Wind Speed, Visibility, and Cloudiness.
- Unit Toggle: Switch between Celsius (°C) and Fahrenheit (°F).
- Multi-City Tracking: Easily add and switch between multiple saved cities.
- Current Location: Option to fetch weather data based on the user's geographical location.
- Mobile Responsive: Fully functional and aesthetically pleasing on all screen sizes.
This project is built using the following technologies:
- Frontend: React.js
- Styling: CSS3 (with a focus on Flexbox for responsiveness)
- API: OpenWeatherMap API for all weather data.
Follow these steps to run the project locally on your machine.
You need Node.js installed on your machine.
-
Clone the Repository:
git clone https://github.com/Dakshaaaaa/forecastify.git cd your-repo-name -
Install Dependencies:
npm install # or yarn install -
Run the App:
npm start # or yarn startThe application will open in your browser at
http://localhost:3000.
Contributions, issues, and feature requests are welcome!
Distributed under the MIT License. See LICENSE for more information.
Coded with ❤️ by Daksha Pawar