https://github.com/tatyanazakiryanova/weather-app

App that provides current weather data. React
https://github.com/tatyanazakiryanova/weather-app

jest open-weather-map react react-testing-library scss typescript

Last synced: about 2 months ago
JSON representation

App that provides current weather data. React

• Host: GitHub
• URL: https://github.com/tatyanazakiryanova/weather-app
• Owner: TatyanaZakiryanova
• Created: 2024-05-03T01:01:34.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-11-06T18:54:11.000Z (about 2 months ago)
• Last Synced: 2024-11-06T19:44:39.247Z (about 2 months ago)
• Topics: jest, open-weather-map, react, react-testing-library, scss, typescript
• Language: TypeScript
• Homepage: https://tatyanazakiryanova.github.io/Weather-App/
• Size: 1.54 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather App

Приложение погоды.

[Deploy](https://tatyanazakiryanova.github.io/Weather-App/)



## Technologies Used

- Typescript

- React

- SCSS (Sass)

- OpenWeatherMap API

- Jest

- React Testing Library

## Features

- Отображение погоды при предоставлении разрешения для определения геолокации

- Поиск данных о погоде в других городах

- Отображение данных о температуре, скорости ветра, уровне влажности воздуха, уровне атмосферного давления

## More details

### Loading & Error Handling

- Спиннер при загрузке

- Сообщение "No weather data found" при ошибке или пустом запросе

### Styling and Responsiveness

- Адаптивная вёрстка до 360px ширины экрана (SCSS модули)

- React-icons для визуализации погоды

### Testing

- 90% покрытие тестами с Jest и React Testing Library

## How to start project

in the project directory enter:

```js

npm install

```

and then run in dev mode:

```js

npm run dev

```

build the project:

```js

npm run build

```

production mode:

```js

npm run preview

```