Para essa imersão, fiz um site sobre coelhos, no qual você pode vizualizar diversas raças para ter de estimação, quais alimentos eles podem consumir, link que te leva para outro site que fala mais aprofundamente sobre a raça, e imagens para aprecia-los, com um sistema de pesquisa funcional. O padrão que utilizei nas nomenclaturas do HTML foi o Snake Case, e no JS o Camel Case.
GitHub Pages: https://l44ver.github.io/imersaoDev/
Vercel: https://imersao-dev-teal.vercel.app/
- Layout responsivo
- Tela de dúvidas frequentes, como quais alimentos eles podem consumir e cuidados essenciais
- HTML
- CSS
- JavaScript
DIA 1: Após finalizar a primeira aula, comecei a pensar em qual tema fazer meu projeto, e logo de cara veio coelhos na cabeça, mas ainda nao sabia exatamente o que fazer. Então apenas pedi pro Gemini me ajudar a fazer um menu lateral, peguei o que ele me mandou e ajustei para ficar do jeito que eu queria, como o tamanho do sidebar, das letras e espaçamento, aproveitei para ajustar um footer e header junto, depois fiz uma paleta de cores.
DIA 2: Subi meu projeto pro GitHub e comecei a fazer o campo de pesquisa e resultado. Percebi que estava muito simples e vazio, então adicionei logo, simbulos e imagens, usando o Gemini para relembrar tags, como a do ico.
DIA 3: Iniciei a base de dados, e coloquei informações de diversas raças diferentes. Alem de melhorar a aparencia dos campos de pesquisa e resultado que iniciei no dia anterior.
DIA 4: Implementação da funcionalidade de busca, para as informações só aparecer ao clicar em "Pesquisar". Adicionei e estilizei a pagina "Quem sou" e "Imagens", para dar um visual a mais para o projeto.
DIA 5: Implementação do sistema de pesquisa com tags, Deploy no Vercel e tema escuro adicionado.