TypeCup is an open-source typing speed game and web application designed to help users improve their typing skills in a competitive, fun, and interactive environment.
π Live Demo: http://typecup.ir
π¦ Repository: https://github.com/Ari23yan/typecup-app
- β‘ Real-time Typing Race β Measure WPM (Words Per Minute) and accuracy instantly.
- π¨ Modern UI/UX β Clean, responsive interface built with React.
- π οΈ Full-Stack Architecture β Backend with Express.js and frontend with React + Vite.
- π Open Source β Anyone can contribute, fork, and improve the project.
- π Performance Metrics β Track typing speed and progress.
| Role | Technology |
|---|---|
| Frontend | React, Vite, JavaScript |
| Backend API | Node.js, Express.js |
| Development | ESLint, npm, Git |
| Environment | .env configuration |
typecup-app/
βββ backend/ # Express.js server and API routes
βββ src/ # React frontend source code
β βββ components/ # Reusable UI components
β βββ pages/ # Page-level components
β βββ styles/ # CSS modules or global styles
β βββ utils/ # Helper functions
βββ public/ # Static assets (images, favicon, etc.)
βββ .env # Environment variables (not committed)
βββ .gitignore # Git ignored files
βββ eslint.config.js # ESLint configuration
βββ index.html # Main HTML entry
βββ package.json # Dependencies and scripts
βββ vite.config.js # Vite configuration
βββ README.md # Project documentation
Follow these steps to run the project locally.
git clone https://github.com/YOUR_USERNAME/typecup-app.git
cd typecup-appnpm installCreate a .env file in the root directory:
VITE_API_URL=http://localhost:5000
PORT=5000npm run devBy default the app will be available at: http://localhost:5173
π€ Contributing Contributions, issues, and feature requests are welcome.
How to contribute Fork the repository.
Create a new branch:
git checkout -b feature/amazing-featureCommit your changes:
git commit -m "Add some amazing feature"Push to the branch:
git push origin feature/amazing-featureYou are free to use, modify, and distribute it with proper credit.
π Acknowledgements Inspired by classic typing games and the open-source community.
π¬ Contact If you have questions or suggestions, open an issue on GitHub.
Built with β€οΈ using React, Node.js, Express, and Vite.
Happy Typing! π―