alxmcr / weather-app

The world's weather information daily, forecast, and next days.

Weather App

The world's weather information daily, forecast, and next days.

Features

• Get the weather by city.
• Information the weather after current day.
• Information the weather during the day.

Lessons Learned

I learned and practice more about CSS, React.js, and React Hooks.

Run Locally

Clone the project

  git clone https://github.com/alxmcr/weather-app

Go to the project directory

  cd weather-app

Install dependencies

  npm install

Start the server

  npm run start

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

REACT_APP_API_KEY_WEATHER

You should put as value the API KEY that you got from Weather's API.

Tech Stack

HTML, CSS, JavaScript, React.js

Screenshots

• Home page

• Forecast page

Demo

https://the-current-weather-app.netlify.app/

Authors

• Alejandro M. Coca Rojas (@alxmcr)

Feedback

If you have any feedback, please reach out to us at [email protected].