CodeMaster.mov

Assista o Vídeo Acima ANTES de começar!

Escolha 1 dos 3 projetos apresentados abaixo:

• Opção 1: Aplicativo de Controle de Estoque
• Opção 2: Rede Social Básica
• Opção 3: Plataforma de Publicação de Artigos

DICAS

1. Planejamento é ESSENCIAL

• Esboce as telas e fluxos: Use ferramentas como Figma, Excalidraw, Whimsical ou até mesmo papel e caneta para criar um esqueleto do sistema antes de começar a codar.
• Planeje as rotas da API: Desenhe um diagrama simples para visualizar as interações entre frontend e backend.
• Defina o MVP (Produto Mínimo Viável): Comece com as funcionalidades principais, depois adicione extras.

2. Divida o projeto em etapas menores

• Primeiro o Backend: Crie uma API funcional antes de conectar o frontend. Teste com ferramentas como Postman ou Insomnia.
• Depois o Frontend: Comece com uma tela simples que consuma os dados do backend.

3. Boas práticas de código

• TypeScript como aliado: Use tipos e interfaces para prevenir erros e organizar melhor o código.
• Padrões de organização:
  • Para o backend: Estruture pastas como controllers, models, routes, services.
  • Para o frontend: Use separação clara entre componentes, páginas e hooks.