TypeRacer Blitz

Web Application 10 SEPTEMBER 2026

Collaborators

Ahmad Saifi

Fullstack Developer, UI/UX Designer

Screenshot of TypeRacer Blitz speed typing application

Overview

TypeRacer Blitz is a futuristic and minimalist speed typing test and racing web application. It features real-time multiplayer capability powered by PeerJS WebRTC P2P and WebSocket fallback, interactive Google Antigravity-inspired particle background canvas, car race visualization with custom SVG animations, mobile virtual keyboard optimization, and comprehensive statistics adhering strictly to Monkeytype.com calculation formulas (Net WPM, Raw WPM, Accuracy, and Consistency).

Key features include:

Real-Time P2P & WebSocket Multiplayer — Play together instantly via room codes using PeerJS WebRTC DataChannels and a Node WebSocket relay server without sign-up.

Monkeytype-Standard Metrics — Precise real-time calculations for Net WPM, Raw WPM, Accuracy, and per-second WPM Consistency standard deviation curves.

Antigravity Particle Canvas — Interactive 2D Canvas particle background inspired by Google Antigravity that reacts dynamically to cursor movement.

Race Track & Car Customization — Visual racing lanes with 6 customizable car colors, engine heat exhaust SVG animations, and organized lane assignments.

Host Authority Control — Room hosts control language selection (Indonesian/English/Custom text), word count duration, race start, and rematch options.

Technologies Used

React 19

Modern UI library for building interactive component trees.

TypeScript

Strongly typed programming language built on JavaScript.

Vite

Next-generation frontend build tool providing fast HMR.

TailwindCSS

Utility-first CSS framework for rapid UI styling.

WebRTC / PeerJS

Peer-to-peer data channels for ultra-low latency multiplayer state sync.

WebSocket

Reliable fallback relay server for room creation and peer discovery.

Outcome

TypeRacer Blitz delivers a seamless and highly responsive typing race experience across desktop and mobile devices, combining competitive multiplayer gameplay with precision typing analytics.

Live Demo View Code