Bem-vindo ao universo de desafios de jogos do ChronoRun, onde a diversão encontra a competição. Teste suas habilidades em diversos clássicos, otimize suas estratégias e alcance o topo do ranking!
- Biblioteca de Jogos Clássicos:
- Breakout
- Flappy Bird
- Memory Game
- Pong
- Simon
- Snake
- Space Invaders
- Tic Tac Toe
- Sistema de Ranking: Compita com outros jogadores e veja seu nome no topo.
- Autenticação: Login e Registro.
- Tema Gamer: Interface imersiva com efeitos visuais e sonoros.
- Responsividade: Jogue no desktop ou mobile.
Este projeto foi construído com as melhores tecnologias do ecossistema Vue:
- Core: Vue 3 + Vite
- Estado: Vuex (com PersistedState)
- Roteamento: Vue Router
- Estilização:
- Tailwind CSS
- Vuetify
- AOS (Animate On Scroll)
- Requisições: Axios + TanStack Query
- Outros:
- Vue Toastification (Notificações)
- VueUse Motion
- FontAwesome
src/
├── assets/ # Imagens, sons, estilos globais (CSS/Tailwind)
├── components/ # Componentes reutilizáveis e específicos dos jogos
├── data/ # Dados estáticos (infos dos jogos, termos)
├── helpers/ # Funções auxiliares
├── hooks/ # Composables (Vue Query)
├── layout/ # Layouts da aplicação (Default, Empty)
├── router/ # Configuração de rotas
├── store/ # Gerenciamento de estado global
└── views/ # Páginas principais (Home, Games, Login, etc.)
Siga os passos abaixo para rodar o projeto localmente:
-
Clone o repositório
git clone https://github.com/miquelven/gameTest.git cd gameTest -
Instale as dependências
npm install
-
Configure as Variáveis de Ambiente Crie um arquivo
.envna raiz do projeto e configure a URL da API (exemplo):VITE_GAME_TEST_API_URL=http://localhost:3000
-
Inicie o servidor de desenvolvimento
npm run dev
-
Compilar CSS (Opcional - Modo Watch) Se estiver editando arquivos do Tailwind:
npm run tw
-
Acesse Abra seu navegador em
http://localhost:5173
Dúvidas, sugestões ou feedbacks? Entre em contato!
- Desenvolvedor: miquelven.silva@gmail.com