samuel-amaro / app-web-faturamento

Projeto de estudo, para aprendizado de tecnologias relacionados ao front-end, aplicativo web de faturamento, o usuário pode criar, excluir, visualizar e mudar status de faturas ou cobranças.

Olá 👋, sou Samuel Amaro

Desenvolvedor Front-End

Desenvolvedor Front-End, formado em análise de sistemas, focado em construir interfaces funcionais e atraentes com acessibilidade e design responsivo priorizando usabilidade de usuário.

• 🌱 No momento tenho conhecimento em:

  • HTML(Marcação semantica)
  • Basic SEO(metatags, e OpenGraph)
  • JavaScript(ES6+)
  • CSS(FlexBox, Grid, Responsive Web Design-RWD, Mobile-First, BEM Metodology CSS, CSS Modules)
  • Git/GitHub
  • React.JS
    • hooks API
    • router-dom library
    • Context API com reducers
    • React-Hook-Forms
  • NPM
  • Vite Tooling Front End, CRA
  • WEB Acessibility(roles, arias é boas praticas, WCAG, APG)
  • TypeScript
  • Framework React Next.js
  • Integração com APIS (usando Fetch API Web, é SWR)
  • Noções de componentização
  • Conhecimentos em metodologia ágil
  • Familiaridade com ferramenta Figma
  • Testes no Front-End(Testes de Integração é unitários) usando Jest, React-Testing-Library

• 🚧 No momento venho estudando:

  • Svelte
  • SvelteKit
  • PNPM
  • PostCSS

• 📫 Como chegar até mim [email protected]

Confira meu perfil da plataforma Front-End Mentor

Conecte-se comigo

Meu Portfólio/Currículo

app-web-faturamento's Issues

Editar uma fatura

• Ao salvar alterações em uma fatura, todos os campos são obrigatórios ao clicar no botão "Salvar alterações". Se o usuário clicar em "Cancelar", todas as alterações não salvas devem ser redefinidas.
• Se a fatura que está sendo editada for "rascunho", o status precisa ser atualizado para "pendente" ao clicar no botão "Salvar alterações". Todos os campos são obrigatórios nesta fase.
• Os usuários devem poder marcar as faturas como pagas clicando no botão "Marcar como pagas". Isso deve alterar o status da fatura para "pago".

Excluir Faturas

• Os usuários devem receber um modal de confirmação ao tentar excluir as faturas.

Criação de fatura

• Ao criar uma nova fatura, é necessário criar um ID. Cada ID deve ter 2 letras maiúsculas aleatórias seguidas por 4 números aleatórios.
• As faturas podem ser criadas como rascunhos ou pendentes. Clicar em "Salvar como rascunho" deve permitir que o usuário deixe qualquer campo de formulário em branco, mas deve criar um ID se não existir e definir o status como "rascunho". Clicar em "Salvar e enviar" deve exigir que todos os campos do formulário sejam preenchidos e deve definir o status como "pendente".
• Alterar o campo Payments Terms deve definir a propriedade termosPagamento com base na data dataFatura mais os números de dias definidos para os termos de pagamento.
• O total deve ser a soma de todos os itens da nota fiscal.

Usuários

Seus usuários devem ser capazes de:

• Veja o layout ideal para o aplicativo, dependendo do tamanho da tela do dispositivo
• Veja os estados de foco para todos os elementos interativos na página
• Criar, ler, atualizar e excluir faturas
• Receber validações de formulário ao tentar criar/editar uma fatura
• Salve rascunhos de faturas e marque faturas pendentes como pagas
• Filtrar faturas por status (rascunho/pendente/pago)
• Alternar modo claro e escuro
• Bônus: Acompanhe todas as alterações, mesmo depois de atualizar o navegador (localStorage pode ser usado para isso se você não estiver criando um aplicativo full-stack)