Weather forcast app

This is a project that show the weather forecast of a city and its location on the map.

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation
3. Roadmap
4. License
5. Contact
6. Acknowledgments

About The Project

(back to top)

Built With

• React.js
• vite.js

(back to top)

Getting Started

Installation

1. Get a free API Key at https://home.openweathermap.org/ for the weather data
2. Get a free API Key at https://www.mapbox.com/ for the map
3. Clone the repo

   git clone https://github.com/amineProjects/weatherApp.git

4. Install NPM packages

   yarn install

5. Create a .env file then enter your APIs keys

   VITE_WEATHER_API_KEY = "Eenter your API key"
   VITE_MAP_API_KEY = "Eenter your API key"

(back to top)

Roadmap

• Show weather forcast for a city (current and the next 6 days)
• Show the city location in a map
• Can search and select a city or use current location
• Background color change depending on weather statu
• Create tests (unit, end2end)
• Refactor components
• Can select more than one city
• Add translations
• Can choose temp unit
• Create a logo

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Benahmed mohammed amine - @b_aminoe - [email protected]

Project Link: https://github.com/amineProjects/weatherApp

(back to top)

Acknowledgments

• Fireart Studio
• Outcrowd Design Agency
• dayjs
• react-select
• animated-weather-icon

(back to top)