The Weather Center

A web application that displays real-time weather data, including temperature, humidity, and wind speed, for any city. Project for MLH Prep November 2022.

Features

• 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.

Setup

To setup and run the project locally:

1. Download and install Node.js & npm
2. Fork and clone the repository
3. Install the Yarn package manager with npm install --global yarn
4. Rename example.env file to .env and put your API keys here.
5. Run the app with yarn start.
6. The default will be opened on localhost:3000

Tech Stack

Frontend: ReactJS

Backend: Node.js

API: OpenWeatherMap

Database: Local Storage

Design

The user interface was designed using Figma.