Skip to main content

WPM Typing Tutor Project

WPM Typing Tutor is a comprehensive Proyecto Integrador Universitario (University Capstone Project) developed in 2026 by Ramses Vladimir. The project aims to provide an engaging, multi-platform typing training experience using modern web and mobile technologies.

Project Information

Project Name

WPM — Juego de Mecanografía(WPM Typing Game)

Author

Ramses VladimirMkillerLT/2411217041/Ramses0509

Project Type

Proyecto Integrador UniversitarioUniversity Capstone Project

Year

2026

Purpose & Vision

The primary goal of this project is to create an interactive typing tutor that helps users improve their Words Per Minute (WPM) and typing accuracy through gamification. Originally conceived as a Unity-based AR typing experience, the project has evolved into a robust multi-platform application.
The project was initially designed for AR (Augmented Reality) but is currently implemented as a WebGL-based web application with mobile support through React Native and Expo Go.

Key Features

  • Web: Unity WebGL implementation accessible from any modern browser
  • Android: React Native + Expo Go integration
  • iOS: React Native + Expo Go integration (coming soon)
Three carefully balanced difficulty levels:
  • Easy: Perfect for beginners learning proper finger placement
  • Medium: Intermediate challenges with increased speed requirements
  • Hard: Advanced typing with complex words and maximum speed
Competitive ranking system tracking:
  • Words Per Minute (WPM) scores
  • Accuracy percentages
  • Current record: 148 WPM at 99% accuracy by Vladi123
Comprehensive keyboard training focusing on:
  • Home row positioning (F and J keys)
  • Proper finger placement for each key
  • Building muscle memory through repetition

Technical Stack

Unity WebGL

Version: 2019.4.41f2Core game engine for typing mechanics

React Native

Mobile application framework

Expo Go

Cross-platform mobile runtime

HTML/CSS/JS

Web interface and styling

WebGL API

Graphics: WebGL 2.0 & 1.0

JetBrains Mono

Monospace font for terminal aesthetic

Unity Configuration

The Unity build uses the following specifications:
{
  "productName": "mecanografia",
  "productVersion": "0.1",
  "unityVersion": "2019.4.41f2",
  "graphicsAPI": ["WebGL 2.0", "WebGL 1.0"],
  "developmentBuild": true
}

License

GNU General Public License

This project is distributed under the GNU General Public License, allowing you to:
  • Host locally for testing and development
  • Integrate into other projects
  • Modify and distribute with attribution
When using this project, ensure compliance with GPL requirements including source code availability and license preservation.

Project Structure

The application consists of several key sections:
  1. Inicio (Home): Terminal-styled landing page with typewriter effect
  2. Jugar (Play): Unity WebGL game instance
  3. Instrucciones (Instructions): Step-by-step typing tutorials
  4. Ranking: Global leaderboard with SQL-style interface
  5. Acerca (About): README-style project information
The interface uses a dark terminal aesthetic with JetBrains Mono font, creating a developer-friendly experience that appeals to both beginners and advanced typists.

Design Philosophy

The project embraces a terminal-inspired aesthetic with:
  • Dark mode color scheme (#0d0d0d background)
  • Monospace typography (JetBrains Mono)
  • CLI-style navigation and commands
  • Scanline visual effects for retro appeal
  • Green accent colors for terminal authenticity

Current Status

1

Web Version

✅ Fully functional Unity WebGL implementation deployed
2

Android Support

✅ React Native + Expo Go integration available
3

iOS Support

🚧 Coming soon via Expo Go
4

AR Features

📋 Planned for future releases

Universidad Project: This typing tutor was created as a comprehensive university capstone project, demonstrating proficiency in game development, web technologies, and cross-platform mobile development.

Build docs developers (and LLMs) love