🌙 Nahauia: Meu cantinho para estudar e relaxar
Link direto: nahauia.ct.ws
🧠 A ideia
Eu percebi que passar muito tempo em redes sociais ou conteúdos muito rápidos não me ajudava a relaxar de verdade. Sentia falta de um lugar calmo, com pouca distração, sem anúncios e sem vídeos automáticos.
Foi assim que surgiu o Nahauia: um site com música lo-fi, som de chuva ambiente, um mini game de respiração e um visual escuro e aconchegante.
💡 O que o site oferece
- 🎵 Música lo-fi com playlist própria (toca em sequência)
- 🌧️ Chuva animada com intensidade que muda conforme o movimento do mouse
- 🫁 Jogo da respiração (inspirar e expirar no ritmo)
- ⚡ Relâmpagos aleatórios (efeito visual imersivo)
- 🔁 Contador de visitas únicas (com Firebase)
- 📱 Responsivo – funciona bem no celular, tablet e PC
- 🌙 Design escuro – confortável para longos períodos de uso
🛠️ Tecnologias utilizadas
- HTML5 semântico
- CSS3 (animações, flexbox, media queries, variáveis)
- JavaScript puro (player de música, modal, lógica da respiração)
- Firebase (Auth anônimo + Realtime Database para contador de visitas)
- Havia um GIF de ambiente lo-fi que foi comprimido para manter o desempenho
📱 Responsividade
Uma das partes mais trabalhosas foi garantir que o site funcionasse bem em qualquer tamanho de tela. Usei media queries para ajustar posições, tamanhos de fonte e até esconder elementos menos essenciais em celulares muito pequenos.
Testei em resoluções desde 360px (celular antigo) até 4K.
🎯 O que aprendi com esse projeto
- Firebase é surpreendentemente fácil de integrar para contadores e autenticação anônima.
- Autoplay de áudio no navegador tem regras rígidas (é necessário o primeiro clique do usuário).
- Animações CSS podem ser leves e bonitas se usadas com moderação.
- Fazer um projeto real, publicar e receber feedback é mais valioso do que fazer 50 cursos.
🚀 Possíveis melhorias futuras
- Playlist com mais músicas e um controle manual mais explícito
- Modo "foco total" (esconder botões e deixar apenas música e chuva)
- Versão PWA (para instalar como aplicativo)
- Opção de tema claro (sim, mesmo o escuro sendo o padrão, tem quem prefira)
🙏 Agradecimento
Obrigado por visitar o projeto.
Se você testar e gostar, compartilhe com alguém que precisa de um ambiente calmo para estudar ou trabalhar.
Se tiver críticas ou sugestões, comente abaixo. Tô aberto a aprender mais.
Direto ao ponto: https://nahauia.ct.ws
🌙 Relaxe. Estude. Respire.