Diário Reprograma

Página SPA (Single Page Application) com todos as atividades desenvolvidas durante o bootcamp. Veja esse projeto 👈 ✍️ 👩‍💻 📖

Tecnologias Utilizadas:

Ferramenta	Descrição
vite	Gerador de projeto front-end
ReactJS	Biblioteca javascript
npm	Gerenciador de pacotes
axios	Para consumo de API
react-router-dom	Criador de rotas
netlify	Hospedagem
react-icons	Icones grátis
css	Folhas de estilos
Google fonts	Fonte
undraw	Banco de ilustrações grátis

Arquitetura:

 📁 diarioreprograma
   |- 📁 src
   |     |- 📁 assets
   |     |- 📁 components
   |       |- 📁 Footer
   |       |- 📁 Header
   |       |- 📁 Menu
   |     |- 📁 pages
   |       |- 📁 Sobre
   |       |- 📁 Comentarios
   |       |- 📁 Projetos
   |       |- 📁 Diario
   |       |- 📁 Contato
   |     |- 📁 routes
   |- 📁 node_modules
   |- 📄 app.jsx
   |- 📄 main.jsx
   |- 📄 .gitignore
   |- 📄 package.json  
   |- 📄 package-lock.json

Conteúdos aprendidos na Semana 16, React III do bootcamp:

Revisão:

• Como preparar o ambiente e criar o projeto React com vite
• Componentes: O que são
• Props
• Eventos
• Estados
• Listas e Chaves (key-id)
• React Hooks (useState e useEffect)
• Consumir API em React
• Prática usando todos os conceitos aprendidos na aula

Novo conteúdo da semana:

• Introdução ao Roadmap React + Próximos passos
• Rotas - React Router
• Projeto guiado do zero ao deploy

Desafio da semana:

• Criar organização das pastas
• Criar rotas
• Criar Menu
• Criar Header
• Criar páginas
• Comentários usando localStorage
• Subir no netlify e incluir a configuração de redirects
• Criar e incluir footer
• Criar e inclir páginas: Sobre, Diário da reprograma e Contato