CodeImag.in - Base de Conhecimento Dev

Sua base de conhecimento dev rápida e intuitiva. Explore documentação, exemplos de código e conceitos fundamentais de diversas linguagens e tecnologias em um só lugar.

---

📖 Sobre o Projeto

CodeImag.in é uma aplicação web desenvolvida durante a Imersão Dev com Google Gemini (10ª Edição) da Alura. O objetivo é fornecer uma interface moderna, responsiva e fácil de usar para que desenvolvedores possam consultar rapidamente informações sobre tecnologias de programação.

O projeto foi construído com foco em:

• Performance: Carregamento rápido e otimizado.
• Acessibilidade: Navegação intuitiva e suporte a leitores de tela.
• Experiência do Usuário (UX): Design limpo e animações fluidas.
• PWA (Progressive Web App): Pode ser instalado no desktop ou mobile para acesso offline.

✨ Funcionalidades

• 🔍 Busca Inteligente: Pesquise por linguagens ou tecnologias e receba resultados instantâneos.
• 🏷️ Tags de Acesso Rápido: Navegue pelas tecnologias mais populares com um clique.
• 📱 Totalmente Responsivo: Layout adaptável para celulares, tablets e desktops.
• ⚡ PWA: Instale o app e tenha acesso rápido direto da sua tela inicial.
• 🎨 Design Premium: Interface inspirada em ferramentas profissionais, com modo escuro nativo.
• 🧪 Testes E2E: Cobertura completa de testes automatizados com Cypress. Ver documentação de testes →

🚀 Tecnologias Utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias:

• HTML5: Estrutura semântica e acessível.
• CSS3: Estilização moderna, variáveis CSS e animações.
• JavaScript (ES6+): Lógica de interação, manipulação do DOM e consumo de dados.
• PWA: Service Workers e Web App Manifest para experiência nativa.

📂 Estrutura do Projeto

codeimagin/
├── assets/
│   ├── images/       # Ícones, logos e backgrounds
│   ├── javascript/   # Scripts da aplicação (dados, lógica, chat)
│   ├── movies/       # Vídeos de background (hero)
│   └── stylesheet/   # Arquivos CSS
├── index.html        # Página principal
├── manifest.json     # Configuração do PWA
├── sw.js             # Service Worker
└── README.md         # Documentação do projeto

🔧 Como Executar

Para rodar o projeto localmente, você pode usar qualquer servidor estático simples.

Pré-requisitos

• Um navegador moderno (Chrome, Firefox, Edge, Safari).
• (Opcional) Extensão "Live Server" no VS Code ou Python instalado.

Passo a Passo

1. Clone o repositório (ou baixe os arquivos):

   git clone https://github.com/seu-usuario/codeimagin.git
   cd codeimagin

2. Abra a pasta no seu editor de código (ex: VS Code).

3. Inicie um servidor local:

   • Com Python 3:

     python3 -m http.server 8000

   • Com VS Code: Clique em "Go Live" na barra inferior (requer extensão Live Server).

4. Acesse no navegador:

   • Abra http://localhost:8000 (ou a porta indicada).

🤝 Créditos

Este projeto foi desenvolvido por Henrique Silva como parte da Imersão Dev com Google Gemini da Alura.

• Instrutores: Guilherme Lima, Mônica Hillman e Ahirton Lopes.
• Apoio: Google Gemini (IA Generativa).

---

Feito com 💙 e ☕ por Henrique Silva