https://github.com/microman92/weather-ts

https://github.com/microman92/weather-ts

Last synced: 28 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/microman92/weather-ts
• Owner: microman92
• Created: 2024-08-11T03:56:58.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-08-12T10:07:46.000Z (6 months ago)
• Last Synced: 2024-11-17T08:39:56.233Z (3 months ago)
• Language: Vue
• Homepage: https://microman92.github.io/weather-ts/
• Size: 40.9 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather (TypeScript)

      

Этот проект представляет собой современный погодный веб-сайт, написанный на TypeScript, с использованием библиотек PrimeVue и PrimeFlex. Сайт предоставляет пользователям точные данные о погоде в режиме реального времени для различных городов, позволяя добавлять избранные города и сохранять их для быстрого доступа.

## Основные особенности

### Технологии: 

Проект реализован на TypeScript, что обеспечивает строгую типизацию и повышает надежность кода. Использование PrimeVue и PrimeFlex значительно ускоряет разработку интерфейса, предоставляя готовые компоненты и стили, которые легко настраиваются и интегрируются в проект.

### Интерактивные функции:

Пользователи могут добавлять любимые города в избранное, и эта информация сохраняется в localStorage для дальнейшего использования. Это позволяет пользователям быстро получать данные о погоде в их любимых местах.

### Адаптивный дизайн:

Благодаря библиотеке PrimeFlex сайт адаптируется к различным размерам экранов, обеспечивая отличное восприятие на мобильных устройствах, планшетах и настольных компьютерах.

### Динамическое обновление данных: 

Использование PrimeVue компонентов позволяет динамически обновлять интерфейс, предоставляя пользователям актуальную информацию без необходимости перезагрузки страницы.

## Используемый стек:

     

         

         

           

          

# Снимки экрана

![weather-ts](https://github.com/user-attachments/assets/8becd389-d75d-403c-bf71-663550900175)

## Project Setup

```sh

npm install

```

### Compile and Hot-Reload for Development

```sh

npm run dev

```

### Type-Check, Compile and Minify for Production

```sh

npm run build

```

### Lint with [ESLint](https://eslint.org/)

```sh

npm run lint

```