Skip to content

Это React-приложения для получения данных о погоде по названию города. Сделано по макету от тестового задания. Можно добавлять в список города, по выбранному из списка города получить данные о температуре днем, ночью, максимальной за день, минимальной за день, максимальную и минимальную на следующие три дня, давления, влажность, скорость ветра, …

Notifications You must be signed in to change notification settings

DmitryZhuravskiy/weather-forecast

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

77 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather-Forecast

Презентационная версия - https://dmitryzhuravskiy.github.io/weather-forecast/,

запасная - https://dmitryzhuravskiy.github.io/search-weather/ ;

Руководство по запуску

1. git clone https://github.com/DmitryZhuravskiy/weather-forecast.git - копируем репозиторий;
2. cd ./weather-forecast - переходим в папку с локальной версией;
3. npm install - устанавливаем зависимости;
4. npm start - для просмотра локальной версии в браузере по адресу http://localhost:3000/ ;
5. или npm run build для сборки проекта;


Описание проекта

Это React-приложения для получения данных о погоде по названию города. Сделано по макету от тестового задания. Данные подгружаются с openweathermap.org/api.

Можно добавлять в список города, можно удалять города из списка при клике на 'крестик', при клике по выбранному из списка городу можно получить данные, размещенные ниже и разделенные на два экрана для дня и ночи, о температуре днем, ночью, максимальной/минимальной температуре за день, максимальную/минимальную на следующие три дня, давления, влажность, скорость ветра, время рассвета, заката и общую длину дня. При закрытие вкладки список сохраняется через localStorage.

Приложение сделано на основе create-react-app. Никаких других расширений, например Redux, Router, Reselect, нет. Вполне достаточно запустить npx create-react-app my-app и заменить папки src и public на папки из этого репозитория и все будет работать. Пощелкать можно в презентационной версии, у меня работает, но, может быть, возникнут проблемы из-за localStorage, поэтому я оставил две ссылки на разные реализации этого проекта, чтобы уж наверняка.

Добавление в список, удаление и при клике получение подробной информации (ниже)


Данные о погоде за темное время суток


Данные о погоде в светлое время суток

About

Это React-приложения для получения данных о погоде по названию города. Сделано по макету от тестового задания. Можно добавлять в список города, по выбранному из списка города получить данные о температуре днем, ночью, максимальной за день, минимальной за день, максимальную и минимальную на следующие три дня, давления, влажность, скорость ветра, …

Resources

Stars

Watchers

Forks

Packages

No packages published