{"id":22325942,"url":"https://github.com/manraj29/typing-test","last_synced_at":"2026-04-24T21:31:38.637Z","repository":{"id":266352034,"uuid":"898110536","full_name":"Manraj29/typing-test","owner":"Manraj29","description":"A responsive and interactive typing test application to measure Words Per Minute (WPM), Accuracy, and track progress over time. ","archived":false,"fork":false,"pushed_at":"2024-12-03T20:55:59.000Z","size":864,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-14T19:35:49.631Z","etag":null,"topics":["chartjs","confetti","gh-pages","html-css-javascript","reactjs","typing-game","typing-practice","typingspeedtest"],"latest_commit_sha":null,"homepage":"https://manraj29.github.io/typing-test/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Manraj29.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-12-03T20:04:46.000Z","updated_at":"2025-01-12T11:24:33.000Z","dependencies_parsed_at":"2024-12-03T21:33:10.505Z","dependency_job_id":null,"html_url":"https://github.com/Manraj29/typing-test","commit_stats":null,"previous_names":["manraj29/typing-test"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Manraj29/typing-test","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manraj29%2Ftyping-test","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manraj29%2Ftyping-test/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manraj29%2Ftyping-test/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manraj29%2Ftyping-test/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Manraj29","download_url":"https://codeload.github.com/Manraj29/typing-test/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manraj29%2Ftyping-test/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32241578,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-24T13:21:15.438Z","status":"ssl_error","status_checked_at":"2026-04-24T13:21:15.005Z","response_time":64,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["chartjs","confetti","gh-pages","html-css-javascript","reactjs","typing-game","typing-practice","typingspeedtest"],"created_at":"2024-12-04T02:14:33.072Z","updated_at":"2026-04-24T21:31:38.623Z","avatar_url":"https://github.com/Manraj29.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Typing Test Application\nA responsive and interactive typing test application to measure Words Per Minute (WPM), Accuracy, and track progress over time. The app is built using React.js, and includes a dynamic chart to visualize typing performance and exciting confetti animations to celebrate new high scores! 🚀\n\n\u003chr\u003e\n\u003ch2\u003eFeatures\u003c/h2\u003e\n\u003cul\u003e\n  \u003cli\u003e\u003cstrong\u003eLive WPM and Accuracy Tracking:\u003c/strong\u003e Get real-time updates on your typing speed and accuracy.\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eDifficulty Levels:\u003c/strong\u003e Choose from \u003cem\u003eEasy\u003c/em\u003e, \u003cem\u003eMedium\u003c/em\u003e, and \u003cem\u003eHard\u003c/em\u003e typing challenges.\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eModes of Testing:\u003c/strong\u003e\n    \u003cul\u003e\n      \u003cli\u003e\u003cstrong\u003eTime Mode:\u003c/strong\u003e Type as much as you can within a set time limit.\u003c/li\u003e\n      \u003cli\u003e\u003cstrong\u003eWord Mode:\u003c/strong\u003e Complete a given number of words as fast as possible.\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eDynamic Graphs:\u003c/strong\u003e Visualize performance with live graphs displaying WPM and accuracy trends.\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eHigh Score Tracking:\u003c/strong\u003e Automatically stores high scores in \u003ccode\u003elocalStorage\u003c/code\u003e and displays a celebratory confetti animation for new records.\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eResponsive Design:\u003c/strong\u003e Fully functional across devices.\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eConfetti Animations:\u003c/strong\u003e Celebrate your typing achievements with animated confetti effects.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003ch2\u003eTechnologies Used\u003c/h2\u003e\n\u003cul\u003e\n  \u003cli\u003e\u003cstrong\u003eFrontend:\u003c/strong\u003e React.js (Hooks, Context API)\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eCharts:\u003c/strong\u003e Chart.js\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eConfetti Animations:\u003c/strong\u003e react-canvas-confetti\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eStyling:\u003c/strong\u003e Tailwind CSS, Custom CSS Modules\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eState Management:\u003c/strong\u003e React useState, useEffect\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003ch2\u003eGetting Started\u003c/h2\u003e\n\u003cp\u003eFollow these instructions to get the project running locally on your machine.\u003c/p\u003e\n\n\u003ch3\u003ePrerequisites\u003c/h3\u003e\n\u003cp\u003eEnsure you have the following installed:\u003c/p\u003e\n\u003cul\u003e\n  \u003cli\u003e\u003cstrong\u003eNode.js\u003c/strong\u003e (v16+)\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003enpm\u003c/strong\u003e or \u003cstrong\u003eyarn\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003eA modern web browser\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003eInstallation\u003c/h3\u003e\n\u003col\u003e\n  \u003cli\u003e\u003cstrong\u003eClone the Repository:\u003c/strong\u003e\n    \u003cpre\u003e\u003ccode\u003egit clone https://github.com/Manraj29/typing-test.git\ncd typing-test-app\n\u003c/code\u003e\u003c/pre\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eInstall Dependencies:\u003c/strong\u003e\n    \u003cpre\u003e\u003ccode\u003enpm install\u003c/code\u003e\u003c/pre\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eStart the Development Server:\u003c/strong\u003e\n    \u003cpre\u003e\u003ccode\u003enpm run dev\u003c/code\u003e\u003c/pre\u003e\n    \u003cp\u003eThe app will run on \u003ca href=\"http://localhost:5173\" target=\"_blank\"\u003ehttp://localhost:5173\u003c/a\u003e.\u003c/p\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eBuild for Production\u003c/strong\u003e (optional):\n    \u003cpre\u003e\u003ccode\u003enpm run build\u003c/code\u003e\u003c/pre\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eBuild for Deployment\u003c/strong\u003e (optional):\n    \u003cpre\u003e\u003ccode\u003enpm run deploy\u003c/code\u003e\u003c/pre\u003e\n  \u003c/li\u003e\n\u003c/ol\u003e\n\n\u003ch2\u003eScreenshots\u003c/h2\u003e\n\u003ch3\u003eTyping Interface\u003c/h3\u003e\n\n\u003cimg src=\"https://github.com/user-attachments/assets/9907639d-fe32-4048-81af-f25104f5dd2d\" alt=\"home page\"/\u003e\n\u003cbr\u003e\n\u003cimg src=\"https://github.com/user-attachments/assets/dad6348c-d723-4ef2-b2d3-c63b4383ef9b\" alt=\"navbar\"/\u003e\n\n\u003ch3\u003ePerformance Chart\u003c/h3\u003e\n\u003cimg src=\"https://github.com/user-attachments/assets/1e50c21f-cbd7-4f96-8e48-c15b2ae0d001\" alt=\"results\"/\u003e\n\u003chr\u003e\n\u003cb\u003eCheckout the website: \u003c/b\u003e \u003ca href=\"https://manraj29.github.io/typing-test/\"\u003ehttps://manraj29.github.io/typing-test/\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanraj29%2Ftyping-test","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanraj29%2Ftyping-test","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanraj29%2Ftyping-test/lists"}