Skip to content

Instantly share code, notes, and snippets.

@nunesfb
Created August 30, 2023 17:53
Show Gist options
  • Save nunesfb/c17516ac7c1a3437c738f43a84f103a1 to your computer and use it in GitHub Desktop.
Save nunesfb/c17516ac7c1a3437c738f43a84f103a1 to your computer and use it in GitHub Desktop.
Projeto Trybe Wallet

Projeto Trybe Wallet 💰

⚠️ ATENÇÃO: Esse checklist é apenas um template. Para replicar realize o fork deste gist! ⚠️

1. O que preciso saber para fazer o projeto? 🤔

Neste projeto, você vai desenvolver uma carteira de controle de gastos com conversor de moedas. Ao utilizar essa aplicação, a pessoa usuária deverá ser capaz de:

  • Adicionar, remover e editar um gasto.
  • Visualizar sua tabela de gastos.
  • Visualizar o total de gastos convertidos para uma moeda de sua escolha.

2. Que conteúdos revisar? 📚

2.1 - Aulas do Course

  1. FE 6.1 - Introdução ao Redux - Tarde
  2. FE 6.1 - Introdução ao Redux - Noite
  3. FE 6.2 - Redux com React - Tarde
  4. FE 6.2 - Introdução ao Redux - Noite
  5. FE 6.3 - Dia de Prática com React e Redux - Tarde
  6. FE 6.3 - Dia de Prática com React e Redux - Noite
  7. FE 6.4 - Redux Thunk - Tarde
  8. FE 6.4 - Redux Thunk - Noite
  9. FE 6.5 - Testes no Redux - Tarde
  10. FE 6.5 - Testes no Redux - Noite

3. Checklist ✅

3.1 - Planejamento

  • Abrir o PR para esse projeto
  • Criar seu cronograma de planejamento, use como base a seção 6 de Frontend

3.2 - Requisitos obrigatórios

  • 1. Crie uma página inicial de login com os seguintes campos e características

  • 2. Crie um header para a página de carteira com as seguintes características

  • 3. Desenvolva um formulário para adicionar uma despesa contendo as seguintes características

  • 4. Desenvolva testes para atingir 60% de cobertura total da aplicação

  • 5. Desenvolva uma tabela de gastos contendo as seguintes características

  • 6. Crie um botão para deletar uma despesa da tabela contendo as seguintes características

3.3 - Requisitos bônus

  • 7. Crie um botão para editar uma despesa da tabela contendo as seguintes características

  • 8. Desenvolva testes para atingir 90% de cobertura total da aplicação

4. Planejamento 📆

O projeto possui 6 requisitos obrigatórios, para ser aprovado dentro do prazo regular vai ser necessário fazer no mínimo 5 dos 6 requisitos obrigatórios.

  • Dúvidas comuns - Se outras pessoas tiveram, é possível que você também tenha!
    • Ao rodar o npm install, npm run dev, npm test, ter certeza que entrou na pasta correta do projeto;
    • Lembrar de criar e testar toda estrutura do redux e usar a ferramenta no navegador Redux Dev Tools;

5. Comemorar 🍾

Ao final desse projeto, você vai ter uma aplicação muito estruturada usando boas práticas de desenvolvimento e que pode (e deve) ser compartilhado com muito orgulho no seu Linkedin. Portanto, vamos com tudo para esse projeto!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment