Weather APP

A fully responsive weather web app built using React and MUI

⚙ Setup Instructions

• Clone the project

git clone https://github.com/donheshanthaka/Weather-App.git

• Navigate to the project folder

• Create a .env file in the project directory with the provided open weather map API key and LogRocket app ID, add the open weather map URL mentioned below as well.

VITE_APP_OPENWEATHER_API_KEY="REPLACE_WITH_API_KEY"
VITE_APP_LOGROCKET_APP_ID="REPLACE_WITH_APP_ID"
VITE_APP_OPENWEATHER_URL=https://api.openweathermap.org/data/2.5/weather
VITE_APP_OPENWEATHER_IMAGE_ICON_URL=https://openweathermap.org/img/wn/

docker-compose up 

• The web app will be live on http://localhost:8000/

🖥 Run Locally:

• To run locally follow the above steps to create the .env file and then type the command below in the project directory

npm run dev

• The app will be live on http://localhost:8000/

🖥 Screenshots

Home Page

Home Page (Mobile)

Weather Component Page

Weather Component Page (Mobile)