gabrieloliveirabar / projeto-front-end

Pokedex

O projeto é voltado para o entretenimento do usuário onde é simulado uma Pokedex do anime Pokemon. O usuário pode logar ou se cadastrar caso não tenha uma conta. Além disso o usuário pode comprar Pokemons específicos ou pacotes onde as recompensas são pokemons de diferentes categorias e raridades. Há também a Página do usuário onde ele pode visualizar quantos e quais pokemons ele possui. Futuramente pretendemos adicionar mais funcionalidades, como por exemplo, batalhas, novos pokemons, interação entre usuários e etc.

Esta é a homepage do projeto onde o usuário pode comprar pacotes com pokemons aleatórios!

O usuário tem direito a um giro de dados diário, onde ele pode conseguir uma quantia aleatória para conseguir comprar seus pokemons ou pacotes. É necessário estar logado para a compra. Confira abaixo:

Esta é a página de cadastro onde é necessário o nickname, email e senha do usuário. Confira abaixo:

Usuário cadastrado pode se logar usando seu email e senha cadastrados anteriormente. Confira abaixo:

Este é o mercado pokemon, onde o usuário pode comprar seus pokemons. Confira abaixo:

Esta é a página do usuário, onde ele tem acesso a sua coleção pokemon. Também pode visualizar a quantidade de pokemons em sua coleção e vender os pokemons desejados. Confira abaixo:

Tecnologias usadas:

• React
• TypeScript
• Context

Bibliotecas e hooks usados:

• Axios
• style-components
• React Router Dom
• React Hook Form
• Yup
• Framer Motion
• React Icons
• React toastify