Essa aplicação foi criada para ajudar jogadores a acompanhar o progresso de suas platinas, permitindo o registro de jogos, acompanhamento de conquistas, e controle do progresso em cada jogo.
🛠 Tecnologias
As seguintes ferramentas foram usadas na construção do projeto:
- React
- TypeScript
- StyledComponents
💻 Projeto
- Veja o design do projeto no FIGMA aqui
O PlatinaHunters foi desenvolvido para jogadores que gostam de registrar e acompanhar o progresso de conquistas de seus jogos favoritos. Os usuários podem:
- Registrar um jogo com todas as suas conquistas.
- Adicionar um jogo à sua conta para acompanhar seu progresso.
- Visualizar o total de conquistas feitas e restantes.
- Marcar e desmarcar conquistas como feitas.
- Acompanhar a porcentagem do progresso para platinar um jogo.
Para rodar o projeto na sua máquina é necessário ter o GIT e o NODE.JS instalados. Verifique as versões de ambos e, se for preciso, atualize para a versão mais recente.
Primeiro, clone o código para sua máquina usando o comando:
git clone https://github.com/gabriel-vitebo/platina-hunters.git
Depois de terminar o clone, no seu editor de código, você verá a pasta com os conteúdos do projeto.
Agora, com o projeto clonado, instale as dependências:
npm install
Isso instalará todos os pacotes necessários para rodar o projeto.
Com todas as dependências instaladas, rode o projeto com o comando:npm run dev
O terminal exibirá um link similar a este:
Local: http://localhost:5173/
Acesse o link no navegador para visualizar a aplicação.
Aqui, o usuário poderá criar uma conta, registrar jogos e adicionar conquistas.
🚀 Funcionalidades Futuras
- Conectar o front-end com o back-end para salvar os dados no banco de dados.
- Implementação de login e registro de usuários.
- Criar as conquistas automaticamente quando registrar um jogo
Esse projeto está sob a licença MIT.
Gabriel Vitebo ✅
Feito com ❤️ por Gabriel Vitebo 👋🏽 Entre em contato!
