{"id":26973989,"url":"https://github.com/tmhsdigital/typing_speed_test","last_synced_at":"2025-04-03T10:19:59.921Z","repository":{"id":285434358,"uuid":"958131186","full_name":"TMHSDigital/Typing_Speed_Test","owner":"TMHSDigital","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-31T18:09:48.000Z","size":489,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-31T18:42:06.524Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://tmhsdigital.github.io/Typing_Speed_Test/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TMHSDigital.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-31T17:38:03.000Z","updated_at":"2025-03-31T18:09:51.000Z","dependencies_parsed_at":"2025-03-31T18:52:20.902Z","dependency_job_id":null,"html_url":"https://github.com/TMHSDigital/Typing_Speed_Test","commit_stats":null,"previous_names":["tmhsdigital/typing_speed_test"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FTyping_Speed_Test","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FTyping_Speed_Test/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FTyping_Speed_Test/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FTyping_Speed_Test/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TMHSDigital","download_url":"https://codeload.github.com/TMHSDigital/Typing_Speed_Test/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246981163,"owners_count":20863828,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-04-03T10:19:59.428Z","updated_at":"2025-04-03T10:19:59.911Z","avatar_url":"https://github.com/TMHSDigital.png","language":"JavaScript","readme":"# Typing Speed Test\n\n\u003cdiv align=\"center\"\u003e\n\n[![Launch App](https://img.shields.io/badge/Launch%20App-Live%20Demo-blue?style=for-the-badge)](https://tmhsdigital.github.io/Typing_Speed_Test/)\n\n[![Version](https://img.shields.io/badge/version-1.0.0-green.svg)](https://github.com/tmhsdigital/Typing_Speed_Test/releases)\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)\n[![JavaScript](https://img.shields.io/badge/JavaScript-ES6+-yellow.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)\n[![HTML5](https://img.shields.io/badge/HTML5-E34F26?logo=html5\u0026logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/HTML)\n[![CSS3](https://img.shields.io/badge/CSS3-1572B6?logo=css3\u0026logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS)\n[![Accessibility](https://img.shields.io/badge/Accessibility-WCAG%202.1%20AA-green)](https://www.w3.org/WAI/WCAG2AA-Conformance)\n[![Responsive](https://img.shields.io/badge/Responsive-Yes-brightgreen)](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design)\n[![Dependencies](https://img.shields.io/badge/Dependencies-None-brightgreen)](https://github.com/tmhsdigital/Typing_Speed_Test/blob/main/package.json)\n\n[![Instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge\u0026logo=instagram\u0026logoColor=white)](https://www.instagram.com/tmhs.ig/)\n[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/company/tm-hospitality-strategies/)\n\n\u003c/div\u003e\n\n---\n\nA simple web application to test your typing speed and accuracy built with vanilla HTML, CSS, and JavaScript.\n\n## 🚀 Quick Start\n\n1. Open the `index.html` file in your browser or visit the [live demo](https://tmhsdigital.github.io/Typing_Speed_Test/)\n2. Click the \"Start Test\" button\n3. Type the displayed text as accurately and quickly as possible\n4. View your results after completing the text\n\n## ✨ Features\n\n- 🎯 Random text prompts for typing practice\n- 🔄 Real-time feedback with character highlighting\n- ⚡ WPM (Words Per Minute) calculation\n- 📊 Accuracy tracking\n- ⏱️ Timer system\n- 📱 Responsive design\n- ♿ Accessibility support\n\n## 🛠️ Technical Details\n\n### 📁 Project Structure\n```\nTyping_Speed_Test/\n├── index.html      # Main HTML file\n├── style.css       # CSS styles\n├── script.js       # JavaScript logic\n└── README.md       # Documentation\n```\n\n### 🔧 Key Components\n\n#### HTML (`index.html`)\n- Responsive viewport meta tag\n- Accessible textarea with aria-label\n- Results display section\n- Clean, semantic structure\n\n#### CSS (`style.css`)\n- Flexbox-based centering\n- Mobile-responsive container\n- Visual feedback for correct/incorrect typing\n- Modern shadow and border-radius styling\n\n#### JavaScript (`script.js`)\n- Random text selection from predefined prompts\n- Real-time character comparison\n- WPM calculation: `(words / timeElapsed) * 60`\n- Accuracy calculation: `(correctChars / totalChars) * 100`\n- Timer implementation using `setInterval`\n\n### ⚡ Performance Considerations\n- Minimal DOM manipulation\n- Efficient string operations\n- No external dependencies\n- Lightweight implementation (\u003c 100 lines of JS)\n\n## 🌐 Browser Support\n- Chrome (latest)\n- Firefox (latest)\n- Safari (latest)\n- Edge (latest)\n\n## 💻 Development\n\n### Prerequisites\n- Modern web browser\n- Text editor\n- Basic understanding of HTML, CSS, and JavaScript\n\n### Local Development\n1. Clone the repository\n2. Open `index.html` in your browser\n3. Start typing!\n\n### Code Style\n- ES6+ JavaScript\n- BEM-like CSS naming\n- Semantic HTML5\n- Accessibility-first approach\n\n## 🔮 Future Enhancements\n\n### Planned Features\n- Add difficulty levels\n- Include more text samples\n- Save high scores using localStorage\n- Add sound effects\n- Create a progress bar\n- Implement a countdown before starting\n\n### Potential Improvements\n- Add unit tests\n- Implement error handling\n- Add keyboard shortcuts\n- Support for custom text input\n- Dark mode support\n- Mobile app version\n\n## 🤝 Contributing\n1. Fork the repository\n2. Create your feature branch\n3. Commit your changes\n4. Push to the branch\n5. Create a Pull Request\n\n## 📄 License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 📸 Version Screenshots\n\n### Version 1\n![Version 1](version_screenshots/v1.png)\n\n### Version 2\n![Version 2](version_screenshots/v2.png)\n\n### Version 3\n![Version 3](version_screenshots/v3.png)\n\n### Version 4\n![Version 4](version_screenshots/v4.png)\n\n---\n\n\u003cdiv align=\"center\"\u003e\nMade with ❤️ by TMHS Digital\n\u003c/div\u003e","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftmhsdigital%2Ftyping_speed_test","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftmhsdigital%2Ftyping_speed_test","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftmhsdigital%2Ftyping_speed_test/lists"}