App de Previsão do Tempo - Horizon

Aplicativo de previsão do tempo usando o padrão Mobile First, Vue 3, Vite, Pinia e Weather API. (https://www.weatherapi.com/docs/)

Pré-requisitos

Certifique-se de que você tenha as seguintes ferramentas instaladas em sua máquina:

Node.js: Download
Git

Configuração do Projeto

1 . Clonando o repositório:

git clone https://github.com/mauromaiodev/vue3-weather-app
cd vue3-weather-app

2 . Instalando dependências:

npm install

3 . Crie um arquivo .env na raiz do projeto para armazenar as variáveis de ambiente. Exemplo:

VITE_API_KEY=sua-weather-api-key

4 . Rodar em dev:

npm run dev

5 . A estrutura do projeto segue a arquitetura padrão do Vue: Exemplo:

src/
 ├── assets/
 ├── components/
 ├── helpers/
 ├── interfaces/
 ├── router/
 ├── stores/
 └── views/

 assets: Arquivos de imagens, sons, ícones, etc, que compõem o projeto.
 components: Pasta para armazenar os componentes customizados da aplicação.
 helpers: Contém funções e utilitários auxiliares usados em todo o projeto.
 interfaces: Contém definições de interfaces ou tipos usados.
 router: Configurações relacionadas ao roteamento da aplicação.
 stores: Usado para armazenar lógica de gerenciamento de estado.
 views: Armazena as visualizações ou páginas da aplicação.

6 . Considerações Finais

Este é um guia básico para configurar e desenvolver o App de Previsão do Tempo - Horizon.

Sinta-se à vontade para adaptar e expandir esse guia de acordo com as necessidades do seu projeto.