Rastreie suas conquistas de jogos em múltiplas plataformas em um único painel unificado.
Achievement Tracker (NEXUS) é uma aplicação web completa que permite aos gamers rastrear e gerenciar suas conquistas em múltiplas plataformas de jogos, incluindo Xbox, Steam e PlayStation. Navegue por jogos em alta, descubra lançamentos futuros e gerencie seu perfil de jogador tudo em um só lugar.
- Suporte Multi-Plataforma: Rastreie conquistas do Xbox, Steam e PlayStation
- Multi-Idioma: Suporte completo de internacionalização (Inglês e Português)
- UI Moderna: Construído com Tailwind CSS e DaisyUI
- Autenticação Segura: Sistema de autenticação baseado em JWT
- Descoberta de Jogos: Jogos em alta, próximos lançamentos e mais aguardados com API IGDB
- Design Responsivo: Otimizado para desktop e dispositivos móveis
- Integração Xbox: Visualize conquistas Xbox, jogos com conclusão total e estatísticas de perfil
- Integração Steam: Rastreie conquistas Steam, biblioteca de jogos e estatísticas de jogador
- Integração PlayStation: Monitore troféus PSN e informações de perfil
- Jogos em Alta: Descubra o que está popular no mundo dos games
- Próximos Lançamentos: Fique atualizado com os próximos lançamentos de jogos
- Jogos Aguardados: Explore títulos altamente aguardados
- Busca de Jogos: Pesquise e encontre informações detalhadas sobre qualquer jogo
- Detalhes de Jogos: Veja informações completas do jogo incluindo avaliações, datas de lançamento e mais
- Autenticação de Usuário: Sistema seguro de login e registro
- Gerenciamento de Perfil: Gerencie seus perfis de jogos em todas as plataformas
- Configurações: Personalize sua experiência e vincule contas de plataformas
- Conquistas Raras: Mostre suas conquistas mais raras
- Inglês (en)
- Português (pt)
- Framework: React 19.1.0
- Linguagem: TypeScript 5.8.3
- Ferramenta de Build: Vite 6.3.5
- Roteamento: React Router DOM 7.6.3
- Estilização:
- Ícones: @heroicons/react 2.2.0
- Cliente HTTP: Axios 1.10.0
- i18n: i18next 25.2.1 + react-i18next 15.5.2
- Linting: ESLint com Prettier
- Verificação de Tipos: TypeScript
- Formatação de Código: Prettier com plugin Tailwind CSS
- Node.js >= 18.x
- npm ou yarn ou pnpm
-
Clone o repositório
git clone https://github.com/nicolassm145/achievement-tracker.git cd achievement-tracker -
Instale as dependências
npm install # ou yarn install # ou pnpm install
-
Configure as variáveis de ambiente
cp .env.example .env
Edite o
.enve adicione a URL da sua API:VITE_API_BASE_URL=http://localhost:8000
-
Inicie o servidor de desenvolvimento
npm run dev
-
Abra seu navegador
Navegue para
http://localhost:5173
Crie um arquivo .env no diretório raiz:
# URL da API Backend
VITE_API_BASE_URL=http://localhost:8000Para deploys de produção, crie .env.production:
# URL da API de Produção
VITE_API_BASE_URL=https://sua-api-backend.comNota: Todas as variáveis de ambiente devem ter o prefixo
VITE_para serem expostas ao código do lado do cliente.
achievement-tracker/
├── public/ # Assets estáticos
│ └── _redirects # Configuração de redirecionamento Netlify
├── src/
│ ├── assets/ # Imagens, fontes, etc.
│ │ └── avatars/ # Imagens de avatar de usuário
│ ├── components/ # Componentes React
│ │ ├── Achievements/ # Componentes relacionados a conquistas
│ │ │ ├── GameCardComponent.tsx
│ │ │ ├── PsnComponent.tsx
│ │ │ ├── RareAchievementsComponent.tsx
│ │ │ ├── SteamComponent.tsx
│ │ │ └── XboxComponent.tsx
│ │ ├── Layout/ # Componentes de layout
│ │ │ └── SystemLayout.tsx
│ │ ├── Loading/ # Estados de carregamento
│ │ │ └── TrendingSkeleton.tsx
│ │ └── ... # Outros componentes compartilhados
│ ├── contexts/ # Provedores de Contexto React
│ │ └── AuthContext.tsx
│ ├── hooks/ # Hooks React customizados
│ │ ├── useAnticipatedGames.ts
│ │ ├── useGameDetails.ts
│ │ ├── useUpcomingGames.ts
│ │ └── useXboxFullAchievements.ts
│ ├── locales/ # Traduções i18n
│ │ ├── en.json
│ │ └── pt.json
│ ├── pages/ # Componentes de página
│ │ ├── About/
│ │ ├── Anticipated/
│ │ ├── Auth/
│ │ │ ├── Login/
│ │ │ └── Register/
│ │ ├── ComingSoon/
│ │ ├── Games/
│ │ ├── Home/
│ │ ├── NotFound/
│ │ ├── Privacy/
│ │ ├── Profile/
│ │ ├── Search/
│ │ ├── Settings/
│ │ └── Terms/
│ ├── routes/ # Configuração de roteamento
│ │ └── Router.tsx
│ ├── services/ # Serviços de API
│ │ └── api.ts
│ ├── types/ # Definições de tipos TypeScript
│ │ ├── Game.ts
│ │ └── User.ts
│ ├── App.tsx # Componente principal da aplicação
│ ├── main.tsx # Ponto de entrada da aplicação
│ ├── i18n.ts # Configuração i18n
│ └── index.css # Estilos globais
├── .env.example # Exemplo de variáveis de ambiente
├── .gitignore # Regras do Git ignore
├── eslint.config.js # Configuração ESLint
├── index.html # Ponto de entrada HTML
├── package.json # Dependências e scripts
├── tsconfig.json # Configuração TypeScript
├── tsconfig.app.json # Configuração TypeScript da aplicação
├── tsconfig.node.json # Configuração TypeScript do node
├── vite.config.ts # Configuração Vite
├── vercel.json # Configuração de deploy Vercel
└── README.md # Documentação do projeto
 Nicolas Desenvolvedor Principal |
 Pedro (@iampedrin) Desenvolvedor Backend |
Este projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para detalhes.
- Repositório: github.com/nicolassm145/achievement-tracker
- Demo ao Vivo: Nexus
- API Backend: Render