Projeto desenvolvido para estudo durante o evento Full Stack Challenge da Codar.me.
O projeto consiste em uma aplicação de compartilhamento de palpites dos jogos da Copa do Mundo de 2022.
Storytelling:
Home (/) =>
Login (/login) ou Cadastro (/cadastro) =>
Dashboard (/dashboard) ou Palpites cadastrados de um usuário (/:username).
Este projeto contém uma única página privada, na qual para acessá-la é necessário realizar o login e automaticamente vai salvar o token de acesso do usuário no localStorage.
Utilizei do Framework Vite + React utilizando o TailwindCss e outras depedências como Yup e Formik.
Vale ressaltar que todo o Design System teve como principal base o projeto da Codar.me com leves alterações.
O projeto serviu principalmente para reforçar meu entendimento sobre requisições, react-uses e responsividade. Neste projeto que aprendi a utilizar efetivamente o Yup e Formik na construção de formulários e principalmente a realizar logins, logouts, validação do token de acesso e rotas dinâmicas.
A conexão com a API foi feita utilizando o Axios.
obs. O projeto em si está funcional e "finalizado", entretanto não existe nada no mundo que não possa ser melhorado.
Observando este projeto um tempo apôs o deploy, estando mais experiente e tendo absorvido mais conhecimento sobre SOLID e estruturação, percebi que poderia ter organizado os arquivos e funções de outra forma.
Home
Register
Login
Dashboard
User View
