Weather Project Part 4: React

Try it!

A Node.js project that retrieves real-time weather data for a specified city and country, presenting it on an interactive world map.

Features →

• Weather Information: Get the latest weather details, including temperature, description, and more.
• Global Visualization: View the selected location on a world map for a geographical perspective.
• User-Friendly: Simple interface for entering city and country information.

Technologies Used

• React.js
• Node.js
• Express.js
• Leaflet
• OpenWeatherMap API
• FlagsAPI
• Typescript
• MongoDB

Screenshots

Run Locally

Clone the project

  git clone https://github.com/JLi2007/TS_WeatherProject_React.git

Go to the client directory

  cd client

Install dependencies

  npm install

Run the frontend

  npm run dev

Go to the server directory

  cd server

Start the server

  npm start

Prev

Part 1: Javascript & Node : https://github.com/JLi2007/WeatherMap-JS

Part 2: Typescript & Node : https://github.com/JLi2007/TS_Weather_Project

Part 3: Typescript & Mongo : https://github.com/JLi2007/TS_WeatherProject_Mongo