Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/microman92/weather
Проект веб-приложения разработан для отображения текущей погоды и времени по заданному пользователем городу
https://github.com/microman92/weather
html js vue3-composition-api
Last synced: 28 days ago
JSON representation
Проект веб-приложения разработан для отображения текущей погоды и времени по заданному пользователем городу
- Host: GitHub
- URL: https://github.com/microman92/weather
- Owner: microman92
- Created: 2024-04-16T23:17:47.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-04-18T20:17:49.000Z (10 months ago)
- Last Synced: 2024-11-17T08:39:56.181Z (3 months ago)
- Topics: html, js, vue3-composition-api
- Language: SCSS
- Homepage: https://microman92.github.io/Weather/
- Size: 5.1 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather
Проект веб-приложения разработан для отображения текущей погоды и времени по заданному пользователем городу. Приложение предоставляет возможность просмотра прогноза погоды на неделю.
Для получения данных о погоде используется API от openweathermap.org, которое обеспечивает достоверную и актуальную информацию о погодных условиях.
Для организации запросов к API и хранения данных в приложении применяется Vuex,
централизованное хранилище состояния данных в приложении Vue.js.
Сборкой проекта управляет инструмент Vue CLI, обеспечивая удобную разработку и сборку приложения.
Для выполнения сетевых запросов и получения данных о погоде используется встроенный API Fetch, который предоставляет простой и удобный интерфейс для работы с HTTP-запросами в JavaScript.
Такое веб-приложение позволяет пользователям быстро получать информацию о текущей погоде и прогнозе на неделю для выбранного города, обеспечивая удобство и функциональность при использовании.
Приложение адаптировано для корректного отображения на различных устройствах.
В приложении также присутствует 2 темы, светлая и тёмная
## Используемый стек:
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
## Снимок Экрана:
### Светлая тема
### Тёмная тема на размере устроств 576px и меньше
# Спасибо за внимание! ✨