SpeedType: melhore suas habilidades de digitação
SpeedType é um jogo de digitação interativo baseado na web projetado para melhorar sua velocidade e precisão de digitação. Construído com uma pilha de tecnologia moderna, oferece uma maneira envolvente de aprimorar suas habilidades no teclado.
Características
- Rastreamento de erros em tempo real
- Cálculo WPM (palavras por minuto)
- UI elegante e responsiva
- Suporte ao modo escuro
- Suporte multilíngue (inglês e espanhol)
? Pilha de tecnologia principal
- React : Para construir a interface do usuário
- Next.js : para renderização e roteamento do lado do servidor
- TypeScript : para código com segurança de tipo
- Framer Motion : Para animações e transições suaves
- Tailwind CSS : para um estilo rápido e responsivo
- Zustand : Para gerenciamento eficiente de estado
- Código do Visual Studio : como ambiente de desenvolvimento principal
? Começando
Para executar o projeto localmente:
- Clonar o repositório
- Instale dependências:
npm install
ou yarn install
- Execute o servidor de desenvolvimento:
npm run dev
ou yarn dev
- Abra http://localhost:3000 no seu navegador
Implantação
O projeto é implantado em https://speedtype-v1.netlify.app
? UI/UX
- Design responsivo usando Tailwind CSS
- Animações suaves com tecnologia Framer Motion
- Temas personalizáveis com suporte ao modo escuro
? Gestão Estadual
Utiliza Zustand para gerenciamento de estado simples e eficiente
Métricas de desempenho
De acordo com o PageSpeed Insights (em 12 de agosto de 2024):
- Pontuação de desempenho : 94/100 (excelente)
- Acessibilidade : 100/100
- Melhores Práticas : 100/100
- Seo : 100/100
Essas pontuações indicam que o SpeedType é altamente otimizado para dispositivos móveis, oferecendo tempos de carregamento rápidos, excelente acessibilidade, adesão às melhores práticas da web e sólidos fundamentos de SEO.
? Autor
Manjunath R.
? Contribuindo
Contribuições, problemas e solicitações de recursos são bem-vindos! Sinta-se à vontade para verificar a página de problemas.
Licença
Este projeto é licenciado pelo MIT.
Demonstração do projeto
Demonstração em vídeo
Vídeo.sem.título.-.Feito.com.Clipchamp.6.mp4
Capturas de tela







Feito com ❤️ por Manjunath R