rater

desafio full-stack plenor

Requisitos

1. Front end
   • Fazer um client em React.
   • O client deverá consumir a API que você criou.
   • O client deverá seguir o seguinte design no Figma: https://www.figma.com/design/2RnU7ZNUqdNEx7a5oe6x2q/Desafio-t%C3%A9cnico-FullStack?node-id=0-1&t=RDEEkm7jeQ7iWibp-1.
   • Utilize o Zustand para state management.
   • Utilize styled-components para estilizar os componentes.
2. Back end
   • Fazer uma API HTTP com Typescript.
   • Implementar um sistema de CRUD de usuários.
   • Banco de dados: escolha um relacional, podendo usar um ORM de sua escolha.
   • Cada usuário deve poder logar no sistema.
   • Documentação da API e suas rotas.
   • Implementar sistema de autenticação com email e senha.

• Hospedar o código em um ou mais repositórios públicos no Github.
• Hospedar a API e o front end.
• Os dois projetos em Typescript devem estar configurados no tsconfig com strict: true, strictNullChecks: true, noImplicitAny: true

🚀 Technologies

PREVIEW

• Front End

Front-End

• Vitejs
• Typescript
• styled-components
• React-hook-form
• React-router-dom
• Zustand
• Lucide react
• Axios
• Zod
• radix-ui Primitive

PREVIEW

• Back end Docs

• Back end Routes

🚀 Technologies

Back-End

• Fastify
• Swagger
• prisma
• bcryptjs
• Fastify-type-provider-zod
• Zod
• JWT
• Typescript