GearGuide é um banco de dados de E-sports, onde o usuário conseguirá ver os jogadores por jogo, time ou nacionalidade, e ver os equipamentos que o jogador usa, podendo comprar o equipamento em uma loja externa ao clicar no equipamento, o usuário também pode seguir o jogador para ser mais prático encontrar seu jogador favorito.
- React: Biblioteca JavaScript para construção de interfaces de usuário.
- Supabase: Plataforma de backend como serviço (BaaS) que fornece banco de dados, autenticação, e APIs em tempo real.
- React Router: Biblioteca para roteamento no React.
- Mantine: Biblioteca de componentes UI para React.
- Tailwind CSS: Framework CSS utilitário.
- Exibe uma lista de jogos disponíveis.
- Mostra os jogadores adicionados recentemente.
- Botão para ver mais jogadores.
- Detalhes de um jogo específico.
- Lista de jogadores associados ao jogo.
- Filtro de jogadores por nacionalidade.
- Detalhes de um jogador específico.
- Informações sobre equipamentos do jogador.
- Função para seguir/desseguir jogadores.
-
Clone o repositório:
git clone https://github.com/cvmA/GearGuide.git
-
Navegue até o diretório do projeto:
cd GearGuide -
Instale as dependências:
npm install
-
Configure as variáveis de ambiente no arquivo
.envcom as suas credenciais do Supabase. -
Inicie o servidor de desenvolvimento:
npm run dev
- Navegue até a página inicial para ver a lista de jogos e jogadores recentes.
- Clique em um jogo para ver mais detalhes e jogadores associados.
- Clique em um jogador para ver suas informações detalhadas e seguir/desseguir.