Skip to content

Blue-Rangoon/Flask-WPM-Typing-Program

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💬 SpeedType – WPM Typing Program

Lightweight WPM Typing Test built with Python FastAPI and Vanilla JavaScript


🛫 Project Badges

HTML5 CSS3 JavaScript Python Flask Vercel Typing Dashboard


👀 Visitors

Visitors


🖥️ Project Preview

Interface Screen Shot


🌐 Live Demo

https://flask-wpm-typing-program.vercel.app/


⌨️ WPM Typing Test (FastAPI + JavaScript)

A full-stack typing speed test application built using Python FastAPI for the backend and Vanilla JavaScript for the frontend.

The app measures:

  • Words Per Minute (WPM)
  • Typing Accuracy
  • Live typing feedback
  • 60-second countdown timer

Random text is fetched dynamically from the backend API.


🚀 Features

  • Real-time typing feedback (correct/incorrect highlighting)
  • WPM calculation
  • Accuracy tracking
  • 60-second typing timer
  • Random text generation from backend
  • Fully interactive UI
  • Restart / new text buttons

🧠 Tech Stack

Backend

  • Python
  • FastAPI
  • Uvicorn
  • Jinja2

Frontend

  • HTML
  • CSS
  • JavaScript (Vanilla JS)

📂 Project Structure

```bash
wpm-typing-test/
│
├── api/
│   └── tutorial.py  
├── static/
│   ├── style.css
│   └── script.js
├── templates/
│   └── index.html
├── text.txt
└── requirements.txt
```

## ⚙️ Installation (Run Locally)

**Clone the repository:**

```bash
git clone https://github.com/yourusername/wpm-typing-test.git
cd wpm-typing-test


- Install dependencies:
pip install -r requirements.txt


- Run the server:
uvicorn tutorial:app --reload


- Open in browser:
http://127.0.0.1:8000


- Example API Endpoint
GET /get-text
```

## 5. Format API response properly
**Response:**

````markdown
```json
{
  "text": "Practice makes progress."
}



About

This project is purely made on python (Flask) based with real time FastAPI connectivity with a static interface. The foremost libraries used in making of this project are wrapper and curses for python backend. Enjoy!!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors