Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Added Project Typing Speed Test #1942

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed

Conversation

@KAmaL-senpai
Copy link

@KAmaL-senpai KAmaL-senpai commented Oct 14, 2025

Added: Typing Speed Test Project

This PR adds a fully functional Typing Speed Test application to the 30 Days of JavaScript collection.

Features Implemented:

  • ✅ Three difficulty levels (Easy, Medium, Hard) with different text complexities
  • ✅ Real-time WPM (Words Per Minute) calculation
  • ✅ Live accuracy percentage tracking
  • ✅ Error counting system
  • ✅ 60-second countdown timer
  • ✅ Color-coded character feedback (green for correct, red for errors)
  • ✅ Animated cursor on current typing position
  • ✅ Results modal with detailed performance metrics
  • ✅ Reset and Try Again functionality
  • ✅ Fully responsive design for all devices
  • ✅ Modern gradient UI with smooth animations

Files Added:

  • 141 - Typing Speed Test/index.html - Main HTML structure
  • 141 - Typing Speed Test/style.css - Complete styling with responsive design
  • 141 - Typing Speed Test/script.js - All functionality and logic
  • 141 - Typing Speed Test/README.md - Comprehensive project documentation

Learning Value:
This project teaches essential JavaScript concepts including DOM manipulation, event handling, timer management, string comparison algorithms, and real-time data updates.

✅ Check List

  • My code doesn't break any part of the project
  • This PR does not contain plagiarized content
  • My Addition/Changes works properly and matches the overall repo pattern
  • The title of my pull request is a short description of the requested changes
  • Added project to proper numbered folder (141)
  • Included screenshot in Screenshot folder
  • Updated project listing on official website
  • All files included (HTML, CSS, JS, README)

📄 Note to reviewers

  • The project uses vanilla JavaScript (no frameworks) to maintain consistency with the repository
  • All code is well-commented for educational purposes
  • The application is fully functional and tested across different browsers
  • Responsive design tested on desktop, tablet, and mobile viewports
  • Three text samples provided for each difficulty level with random selection
  • Standard WPM calculation used (5 characters = 1 word)

📷 Screenshots

Main Interface

image

Features Overview

  • Difficulty Selection: Three difficulty levels with different text complexity
  • Real-time Stats: Live WPM, accuracy, time remaining, and error count
  • Color-coded Feedback: Visual indication of typing accuracy
  • Results Modal: Comprehensive performance summary after test completion

Responsive Design

The application is fully responsive and works seamlessly on all device sizes.


Thank you for reviewing! 🚀

Copy link

netlify bot commented Oct 14, 2025
edited
Loading

Deploy Preview for 30daysofjs ready!

Name Link
🔨 Latest commit 67d08ca
🔍 Latest deploy log https://app.netlify.com/projects/30daysofjs/deploys/68edc5ea030e5d0008a91bf0
😎 Deploy Preview https://deploy-preview-1942--30daysofjs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

AltStyle によって変換されたページ (->オリジナル) /