Projeto final de Framework de Front End I (REACT)

Neste projeto final do módulo de Framework de Front End I (React), tive a oportunidade de demonstrar minhas habilidades em React!

Deploy

• Para visualizar e testar a aplicação, acesse BestBrowserGames.

Descrição do projeto

Introdução

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.

• Requisitos do projeto, você pode acessá-lo aqui

Funcionalidades de Usuários

1. Cadastro e Atualização de Perfil

• 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.

2. Login e Alteração de Dados Cadastrais

• Membros registrados podem fazer login usando e-mail e senha.
• A funcionalidade permite a atualização dos dados cadastrais após o login.

3. Cadastro e Gerenciamento de Browser Games

• 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.

4. Busca por Browser Games

• Membros podem buscar jogos pelo nome ou categoria, facilitando a localização de seus títulos favoritos.

5. Avaliação de Browser Games

• 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.

6. Visualização de Avaliações

• Os membros podem visualizar todas as avaliações feitas por outros membros para um jogo específico.

7. Recomendações de Browser Games

• O sistema oferece recomendações personalizadas com base em jogos ainda não avaliados.

Funcionalidades do Administrador do Site

• 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.

Tecnologias

• 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

Screenshots

Melhorias futuras:

• Adicionar validações nos forms
• Consumir uma api de estado e país

Autor

• Luís Gabriel V. Barrichello
• Linkedin - Luís Gabriel Barrichello