Skip to content

Jeydin21/Raincheck

Repository files navigation

Raincheck ☔

Raincheck ☔ is a small web app that displays the current weather and forecast in any location in the world.

Live demo at weather.j21.dev


license fork stars

The aim of this project is to practice my front-end dev skills and visualization of data across multiple screen sizes.

Bug Reporting

If you encounter any strange bugs on the website, please let me know by going to issues and creating a bug report.

Images

Initial Project Plan

Tech Stack

Front-end:

Back-end:

Local Development

1. Clone the project

  1. Clone the repository into your system and install the dependencies.
$ git clone https://github.com/Jeydin21/Raincheck.git
$ cd Raincheck
$ npm install # Or yarn install

2. Environment Variable file setup

  1. Rename the .env.example file to .env.

3. API Key setup

Caution

The project does not work without these API Keys. Do NOT skip this step when setting up the project.

Tip

If you have an account set up with these services already, you can skip making a new accont and just create a new project.

  1. Go to the OpenWeather website and make an account and create a new project. Copy the API Key into the environment variable labeled NEXT_PUBLIC_OPENWEATHER_API_KEY.

  2. Go to the Meteosource website and make an account and create a new project. Copy the API Key into the environment variable labeled NEXT_PUBLIC_METEOSOURCE_API_KEY.

4. Start local development

  1. Create a local development server.
$ npm run dev
  1. Open the preview localhost:3000 in your browser.

License

This project is licensed under the MIT License - see the License file for more details

About

Raincheck is a web app that displays the current weather and forecast for any location in the world

Topics

Resources

License

Stars

Watchers

Forks