A web application that displays real-time weather data, including temperature, humidity, and wind speed, for any city. Project for MLH Prep November 2022.
-
City Search: Easily search for any city by name to retrieve its current weather conditions.
-
Detailed Weather Information: Get comprehensive weather details including temperature, humidity, and windspeed. Includes a 5-day weather forecast and a chart detailing the temperature changes throughout the day.
-
Recommendations: Get recommendations for items to bring, acitvities to do, food to eat, and songs to listen to based on the weather.
-
Favorite Cities: Save your favorite cities for quick access to their weather information without the need for repetitive searches.
-
Assistant Bot: Vocalize your searches using the assistant at the bottom right corner.
To setup and run the project locally:
- Download and install Node.js & npm
- Fork and clone the repository
- Install the Yarn package manager with
npm install --global yarn
- Rename
example.env
file to.env
and put your API keys here. - Run the app with
yarn start
. - The default will be opened on localhost:3000
Frontend: ReactJS
Backend: Node.js
API: OpenWeatherMap
Database: Local Storage
The user interface was designed using Figma.