Skip to content

rnuravtsev/weather

Repository files navigation

Weather

Demo

Screenshot 2024-04-06 at 21 43 20

Introduction

Weather is a convenient web application that provides you with up-to-date weather information for any city worldwide. Wherever you are, with Weather, you'll always be informed about the weather forecast.

Features

Weather offers a simple and intuitive interface. The core functionality of the application includes:

  • City Weather Search: Simply enter the name of the city you want to know the weather for, and Weather will display the current temperature, weather conditions, humidity, wind speed, and forecast for the upcoming days. If you grant location access, the application will automatically detect your location and show relevant weather information.
  • Favorite Cities: You can save your favorite cities in the "Favorites" section to quickly access the weather forecast without the need for repeated searches. Just add cities to your favorites, and Weather will display weather information for them in a convenient list. These cities are saved in your localStorage, so you won't lose them when refreshing the page.
  • Dark Mode: Provide a better user experience and usability of the application at any time of day.

Technologies Used

  • React
  • Redux Toolkit (RTK)
  • TypeScript
  • SCSS
  • RTK Query
  • Vite
  • Single Page Application (SPA) architecture

Build Project

To run the project, follow these steps:

  • yarn install — Install dependencies
  • yarn run preview — Start the project in preview mode

The project will be available for preview at http:https://127.0.0.1:4173/