Weather App Project

This project pulls live weather data from OpenWeather API and displays your current city weather conditions!

Table of Contents

1. Installation Instructions

2. How to Set Up Project

3. Demo

Installation

❗️ My instructions are specified for MAC users.

❗️ Prior to jumping into my project make you install:

• dotenv
• express
• vite/react

The code editor I used for this project was VS Code.

• Follow these steps to install Express on your VS Code terminal (they also provide documentation to install node.js)

✅ You MUST have these installed in order to run my project.

Run Project Locally

Clone my project below from your terminal

git clone https://github.com/courjimen/Weather-APP.git

Open in VS Code

code .

Navigate to the server folder and open the server.js file then run this command:

node server.js

✅ Open localhost:5000/weather/:city in your browser and replace city with your favorite city in the url to see the backend code

Now navigate to the client folder and open the app.jsx file. Then open a separate terminal you need to have both running at the same time ❗️

Run vite in your second terminal for the app.jsx file:

npm run dev

Follow the provided link to localhost:5173 which should display this page:

Demo

Now you should be able to input your city and see the following weather results:

City 1	City 2

That's all folks 🎉 Thank you for checking out my work 🙌🏾