⏱️ CSS Clock

Projeto#2 refatorado do curso JavaScript30 que simula um relógio analógico usando CSS e move os ponteiros com base na hora do usuário usando JavaScript/TypeScript

---

Preview • Ajustes • Tecnologias • Como Executar • Aprendizados • Licença • Créditos

📷 Preview

🔧 Ajustes Realizados

• Mudança de codebase: Migração da codebase de JavaScript para TypeScript
• Correção de bug: Correção do bug de 'pulo' na transição (reset de graus) quando o ponteiro completava uma volta inteira (360º -> 0º)

🛠 Tecnologias

• HTML5 / CSS3
• JavaScript (codebase antiga)
• TypeScript (codebase atual)

🚀 Como Executar

1. Clonar o repositório:

git clone https://github.com/DaviAlvesDev/JS-and-CSS-Clock.git

2. Instalar as dependências:

npm install

3. Compilar o código em TypeScript:

npm run build

4. Abrir o projeto: Abra o arquivo index.html no seu navegador ou utilize o comando npm start

---

🔗 Se preferir não baixar o projeto: acesse-o hospedado no GitHub Pages

📝 Aprendizados

• Controle de transições pelo CSS + JS/TS
• Compreensão do CSS Cascade e do uso consciente de !important (important declarations)
• Manipulação de CSS Custom Properties --* usando JavaScript e TypeScript

⚖️ Licença

Este projeto está sob a licença MIT

✍️ Créditos

Feito com ☕ por @DaviAlvesDev