Winterman

🔖 Sumário

• Sobre o Projeto
• Visual do Projeto
  • Desktop e Telas Maiores
  • Mobile e Telas Menores
• Tecnologias
  • Construção do site
  • Estilização
  • IDE, Versionamento e Deploy
• Configurações e Instalação
  • Requisitos
• Licença

⛄ Sobre o Projeto

O Winterman é um projeto criado com a Open Weather API, uma API de clima, e se baseia em um página que traz o clima da cidade que o usuário pesquisar.

Veja o projeto completo aqui.

🎨 Visual do Projeto

Desktop e Telas Maiores

Mobile e Telas Menores

🔧 Tecnologias

Tecnologias utilizadas no projeto.

Construção do site

• TypeScript
• Vue.js
• Open Weather API
• TomTom API
• Vite

Estilização

• Tailwind CSS
• Lucide Icons
• Google Fonts

IDE, Versionamento e Deploy

• Visual Studio Code
• Git
• GitHub
• Vercel

🚀 Configurações e Instalação

Requisitos

• Node e um gerenciador de pacotes, usei npm.
• Extensão Volar.

Recomendo que veja a documentação de configuração do Vite.

# Clonando o projeto
git clone https://github.com/davsilvam/winterman-app.git

# Instalando as dependências
npm install

# Criar arquivo .env com base no .env.example e preencher o campo com suas chaves das API
VITE_OPEN_WEATHER_API_KEY="<sua-chave-aqui>"
VITE_TOMTOM_API_KEY="<sua-chave-aqui>"

# Compilar e abrir o programa para desenvolvimento
npm run dev

# Compilar e minificar para produção
npm run build

⚖️ Licença

Esse projeto está sob a licença MIT.

---

Feito com 💙 e ☕ por David Silva.

Portfólio  ·  GitHub @davsilvam  ·  Instagram @davsilvam_