Project Overview
Typer is a typing speed and accuracy testing website aimed at casual typers. It uses simple paragraphs to challenge your typing skills while keeping the experience fun and user-friendly.
User Experience (UX)
User Stories
- Smooth site navigation.
- Clear purpose upon loading.
- Easy ways to contact Typer for feedback or info.
- Share test scores via social media links.
- View clear results (speed, accuracy, difficulty).
- Simple, approachable ways to test typing ability.
Features
Existing Features
- Logo Navigation: A clickable logo that returns the user to the home page.
- Start Button: Quickly leads users to the main game page.
- Typing Game: A 60-second timer with typed text displayed to measure speed (WPM/CPM) and accuracy. Difficulty options can be selected.
- Footer: Contact email and social links for sharing or support.
Future Features
- Add account creation to save high scores.
- Share button for final scores on social media.
- Additional difficulty levels for typed paragraphs.
- Variant modes (e.g., coding syntax challenge).
Design
Typography
“Roboto” was chosen for easy readability and quick visual parsing, important for a typing game.
Colour Scheme
Modern theme that highlights text clarity. Neutral backgrounds with accent colors for a sleek, stylish look that doesn’t distract from the typing area.
Technologies Used
- HTML5, CSS3
- Bootstrap (Responsive Layout)
- JavaScript (Typing Logic)
- GitHub Pages (Deployment)
- Visual Studio Code (Development)
GitHub Repository
Explore the complete codebase on GitHub: GitHub Repository