🌤️ Weather Extension 🌤️

💻 Projeto

---

Esse projeto foi desenvolvido com o objetivo de aprender a utilização do uso de Extensões Chrome com seus recursos (LocalStorage, Context Menu, Alarms), além disso, utilização de arquitetura limpa em projetos frontend. A aplicação apresentação previsão do tempo como extensão através de badge, popup e elemento flutuante.

💻 Demonstração

Popup

---

Mudança de temperatura (Celsius - Fahrenheit)

---

Tela de Opções

---

Adição de cidade

---

Elemento Flutuante (Content Script)

---

❗ Requisitos

---

• Você precisa instalar Node.js na versão 18 em diante.

🛠️ Tecnologias Utilizadas

---

Esse projeto foi desenvolvido com as seguintes tecnologias:

• Vite
• Typescript
• Material UI
• OpenWeather API

* Para mais detalhes, veja o Package.json

🎓 Aprendizados

---

• Vite
• React
• Material UI
• Shadow Dom
• Chrome Extension API
• Clean Architecture

⚡ Instalação

---

Instalação Manual

Clone este repositório:

git clone
https://github.com/alfredots/weather-extension.git
cd weather-extension

Instale as dependências:

npm install

Compile o projeto:

npm run build

No Chrome, acesse chrome://extensions/.

Ative o "Modo do desenvolvedor" no canto superior direito.

Clique em "Carregar sem compactação" e selecione a pasta build gerada.

⚙ Uso

Depois de instalada, a extensão exibirá a previsão do tempo na interface do navegador. Certifique-se de permitir as permissões necessárias para acessar a localização.

📝 Licença

Este projeto está licenciado sob a MIT License.

Feito com ❤️ por Alfredo Tito Entre em contato!