Skip to content

aliine98/snapclima-imersao-frontend

Repository files navigation

☀ SnapClima 🌥

Deploy: https://aliine98.github.io/snapclima-imersao-frontend/

CodeFactor GitHub language count GitHub repo size GitHub package.json dependency version (dev dep on branch) GitHub package.json dependency version (dev dep on branch) Linkedin URL

Table of Contents

  1. Sobre
  2. Funcionalidades
  3. Screenshots
  4. Tecnologias
  5. Rodando localmente
  6. Como contribuir para o projeto
  7. Licença

💻 Sobre o projeto

Um site que mostra a temperatura atual usando a API do OpenWeatherMap.

Projeto iniciado no evento de programação "Imersão carreira front-end" do Breno Cuper.

✨ Funcionalidades

  • Mostra a temperatura da sua localização atual
  • Campo de pesquisa de cidades, e ao clicar no botão de pesquisar mostra o clima do local pesquisado.
  • Botão para troca entre tema escuro e claro

🎨 Screenshots

Desktop:

Dark Mode:

Light Mode:

Mobile:

Dark Mode:

Light Mode:

🛠 Tecnologias

  • Javascript
  • CSS
  • HTML
  • OpenWeather API

🚀 Rodando localmente

Clone o projeto

  git clone https://github.com/Aliine98/snapclima-imersao-frontend

Entre no diretório do projeto

  cd snapclima-imersao-frontend

E abra o index.html no navegador ou, caso use o VScode, instale a extensão Live Server e clique no botão Go Live, se não pode instalar o http-server para que suas modificações sejam recarregadas automaticamente em seu navegador

  npm install http-server

Abra o servidor

  http-server ./

Será mostrado os links do servidor, clique ou copie e abra no navegador.

Utilize o comando abaixo para saber mais sobre o http-server:

  npm docs http-server

😯 Como contribuir para o projeto

  1. Faça um fork do projeto.
  2. Crie uma nova branch com as suas alterações: git checkout -b my-feature
  3. Salve as alterações e crie uma mensagem de commit contando o que você fez: git commit -m "feature: My new feature"
  4. Envie as suas alterações: git push origin my-feature
  5. No seu repositório clique num botão chamado Compare & Pull Request e crie o seu PR.

Caso tenha alguma dúvida confira este guia de como contribuir no GitHub

📝 Licença

License

Feito com ❤️ por Aline Bevilacqua!

⬆ Voltar ao topo