Neste projeto final do módulo de Framework de Front End I (React), tive a oportunidade de demonstrar minhas habilidades em React!
- Para visualizar e testar a aplicação, acesse BestBrowserGames.
O BestBrowserGames é uma comunidade web dedicada aos amantes de browser games, proporcionando uma plataforma para compartilhar experiências, avaliações e descobrir novos jogos. Desenvolvida com o framework React, a aplicação visa criar uma experiência interativa e amigável para seus membros.
- Os usuários podem se cadastrar na plataforma fornecendo informações como nome completo, e-mail, senha, data de nascimento, estado e país.
- A capacidade de atualizar as informações do perfil posteriormente está disponível para os membros.
- Membros registrados podem fazer login usando e-mail e senha.
- A funcionalidade permite a atualização dos dados cadastrais após o login.
- Os administradores têm o poder de cadastrar novos browser games e gerenciar categorias como Strategy, Shooter, Puzzle, Arcade, RPG, Sports, Action e Adventure.
- Informações incluídas no cadastro: Nome, Categoria, URL de acesso ao jogo, URL do vídeo de demonstração, Descrição e Imagem ilustrativa.
- Membros podem buscar jogos pelo nome ou categoria, facilitando a localização de seus títulos favoritos.
- Os membros têm a capacidade de avaliar os browser games, atribuindo de 1 a 5 estrelas e escrevendo um texto com até 255 caracteres.
- Opção para editar avaliações anteriores.
- Os membros podem visualizar todas as avaliações feitas por outros membros para um jogo específico.
- O sistema oferece recomendações personalizadas com base em jogos ainda não avaliados.
- Adicionar, Editar ou deletar as Categorias: O administrador pode editar a lista de categorias, criando novas ou alterando as existentes.
- Gestão de Browser Games, adicionando, editando ou deletando: A capacidade de cadastrar, editar e excluir browser games, mantendo a plataforma atualizada e diversificada.
- React: Framework principal para a construção da aplicação front-end.
- React Router: Utilizado para criar uma navegação fluida entre páginas e componentes.
- PropTypes: Para validar os dados passados através das props.
- js-cookie: Biblioteca para manipulação de cookies em JavaScript.
- jwt-decode: Biblioteca para decodificar tokens JWT.
- Outras Tecnologias: CSS, Javascript
- Adicionar validações nos forms
- Consumir uma api de estado e país
- Luís Gabriel V. Barrichello
- Linkedin - Luís Gabriel Barrichello