{"id":13592227,"url":"https://github.com/gamer-ai/eletypes-frontend","last_synced_at":"2025-04-08T23:31:29.968Z","repository":{"id":41540124,"uuid":"482502477","full_name":"gamer-ai/eletypes-frontend","owner":"gamer-ai","description":"An elegant typing test website","archived":false,"fork":false,"pushed_at":"2024-08-23T07:44:43.000Z","size":2855,"stargazers_count":445,"open_issues_count":17,"forks_count":59,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-08-23T08:26:32.672Z","etag":null,"topics":["react","typing","typing-game","typing-practice","typing-speed","typing-speed-test","typing-test","typing-trainer"],"latest_commit_sha":null,"homepage":"https://www.eletypes.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gamer-ai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":["buymeacoffee.com/daguozi"]}},"created_at":"2022-04-17T11:19:40.000Z","updated_at":"2024-08-23T08:26:38.798Z","dependencies_parsed_at":"2024-03-10T23:28:43.372Z","dependency_job_id":"830472c8-f522-4c62-9242-cf1500ccb187","html_url":"https://github.com/gamer-ai/eletypes-frontend","commit_stats":null,"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gamer-ai%2Feletypes-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gamer-ai%2Feletypes-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gamer-ai%2Feletypes-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gamer-ai%2Feletypes-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gamer-ai","download_url":"https://codeload.github.com/gamer-ai/eletypes-frontend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223346569,"owners_count":17130462,"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":["react","typing","typing-game","typing-practice","typing-speed","typing-speed-test","typing-test","typing-trainer"],"created_at":"2024-08-01T16:01:07.091Z","updated_at":"2024-11-06T13:30:38.054Z","avatar_url":"https://github.com/gamer-ai.png","language":"JavaScript","funding_links":["buymeacoffee.com/daguozi","https://www.buymeacoffee.com/daguozi"],"categories":["2023-12-11"],"sub_categories":[],"readme":"# Ele types\n\n\u003cimg width=\"1000\" alt=\"Screen Shot 2022-08-28 at 9 15 36 AM\" src=\"https://user-images.githubusercontent.com/39578778/187084111-97d69aa7-53e4-46b9-b156-3ecc4d180d08.png\"\u003e\n\n## [www.eletypes.com](https://www.eletypes.com) ![GitHub release (latest by date including pre-releases)](https://img.shields.io/github/v/release/gamer-ai/eletype-frontend?include_prereleases) ![GitHub stars](https://img.shields.io/github/stars/gamer-ai/eletype-frontend?style=social) ![GitHub forks](https://img.shields.io/github/forks/gamer-ai/eletype-frontend?style=social)\n\nAn elegant typing test tool.\n\n\u003e Typing rule and interactions was inspired by the famous [monkeytype.com](www.monkeytype.com);\n\n\u003e The app was created purely in react.\n\n\n## Feature Requests / Issues / Bug Reports\n\n[![GitHub issues](https://img.shields.io/github/issues/gamer-ai/eletype-frontend)](https://github.com/gamer-ai/eletype-frontend/issues)\n\nhttps://github.com/gamer-ai/eletype-frontend/issues\n\n## Community Channel:\n\n![Discord](https://img.shields.io/discord/993567075589181621?style=for-the-badge)\n\nTo join the community, please go to the website and hit \"discord\" icon.\n\n## Current Features:\n\n#### 1. Typing Test (words, sentence)\n\n  - words mode\n    - Eng Hard: Random blogs Words data source\n    - Eng Normal: Top 1000 most frequent used English words\n    - CHN Pinyin Hard: Chinese top 1500 idioms\n    - CHN Pinyin Normal: Chinese top 5000 words/char\n    - support four tests duration 90s, 60s, 30s, 15s\n    - + Numbers: add random numbers from 0-99 at the end of the regenerated word\n    - + Symbols: add random symbols at the end of the regenerated words\n  - Sentence mode\n    - CHN: Random chinese short sentences\n    - ENG: Random English short sentences\n    - Support three sentences count setting: 5, 10, 15\n  - Stats:\n    - WPM\n    - KPM\n    - Accuracy\n    - Error analysis (correct/error/missing/extra chars count)\n    - Visualizations\n  - Pacing Style (word pulse/ character caret):\n    - Pulse mode: the active word will have an underline pulse, which helps improve the speed typing habit.\n    - Caret mode: a pacing caret, advancing character by character, which aligns normal typing habit.\n\n#### 2. Words Card (for English learners)\n\n  - Vocabulary Source\n    - GRE vocab\n    - TOEFL\n    - CET6\n    - CET4\n  - Multi Chapters Selection\n  - Words Card Navigation UI\n  - Recite Mode (word visibility off while phrase shown)\n  \n#### 3. Coffee Mode\n\n - free typing mode for test typing anything\n\n#### 4. QWERTY Keyboard touch-typing trainer \n\n - A QWERTY keyboard layout UI populating random key for touch typing with stats\n\n#### 5. Spotify player\n\n - A spotify player \n \n#### 6. Themes Collection\n\n- Static Themes\n\n  - Dark\n  - Tokyo night\n  - Piano\n  - Aluminum\n  - Terminal (matrix inspired)\n  - Cyber (cyberpunk inspired)\n  - Steam (steampunk inspired)\n  - Light\n  - Nintendo\n  - Araki Nobuyoshi\n  - Hero\n  - Budapest\n  - Cool Kid\n  - EdgeRunner (cyberpunk 2077 edgerunners episodes inspired)\n\n- Dynamic Themes (WebGL based, may degrade performance. experimental feature. Component Library used from [UV canvas](https://uvcanvas.com/))\n\n  - Tranquiluxe,\n  - Lumiflex,\n  - Opulento,\n  - Velustro\n\n![dynamicThemesDemo](https://github.com/gamer-ai/eletypes-frontend/assets/39578778/d716a287-6f59-4568-8276-1ee6b5f5850a)\n\n  \n#### 7. LocalStorage persist for essential settings\n\n  - Browser refresh will bring back to the localStorage stored settings\n\n#### 8. Focus Mode\n\n  - move header to footer. \n  - hide the setting menu. leave only timer, wpm stats. \n  - If music enabled, a compact spotify will be put in footer.\n\n#### 9. Ultra Zen Mode\n\n![image](https://github.com/user-attachments/assets/ab3e7c94-4f38-4607-86aa-1cd3d8296381)\n\ntoggle ![image](https://github.com/user-attachments/assets/b552b444-f411-4a1d-a40a-981b05e3e59d) to use the ultra zen mode when in words mode. The ultra zen mode can auto highlight and auto dim while you are typing. \n\n \n#### 10. Typing Sound Effect\n\n  - default: cherry blue switch\n  - optional: keyboard (hard)\n  - optional: typewriter (soft)\n  \n  \u003cimg width=\"120\" alt=\"Screen Shot 2022-09-29 at 2 01 51 AM\" src=\"https://user-images.githubusercontent.com/39578778/192989337-637e1154-fbca-420b-babb-22846d5dbdb1.png\"\u003e\n  \n#### 11. [Tab] key to Fast redo/reset\n\n  - [Tab] + [Space] for quickly redo\n  - [Tab] + [Enter] / [Tab] + [Tab] for quickly reset\n  - [Tab] + [Any Key] to exit the dialog\n\n\n### Some Themes\n\n\u003cimg width=\"600\" alt=\"EletypesThemes\" src=\"https://user-images.githubusercontent.com/39578778/187084245-364b6c5f-97e4-42c9-a0c6-010505ad3283.png\"\u003e\n\n### Caps Lock Detection\n\n\u003cimg width=\"400\" alt=\"Screen Shot 2022-04-20 at 4 52 24 PM\" src=\"https://user-images.githubusercontent.com/39578778/164343051-2de97570-fcec-49a4-893a-903afe94e5f4.png\"\u003e\n\n### Simplist typing stats is all your need\n\n\u003cimg width=\"800\" alt=\"Screen Shot 2022-08-28 at 9 24 55 AM\" src=\"https://user-images.githubusercontent.com/39578778/187084372-a4d18d33-286e-4e7b-97d0-d069c7fd1d53.png\"\u003e\n\n### Words Card Demo\n\nRegular Mode and Recite Mode\n\n\u003cimg width=\"400\" alt=\"Screen Shot 2022-08-23 at 12 47 53 AM\" src=\"https://user-images.githubusercontent.com/39578778/186102023-7db8bfc2-f481-4a90-98c2-f47ad66c12cd.png\"\u003e\u003cimg width=\"400\" alt=\"Screen Shot 2022-08-23 at 12 48 22 AM\" src=\"https://user-images.githubusercontent.com/39578778/186102059-cb7d43a4-a9d3-4728-90f9-2965038ed24c.png\"\u003e\n\n### QWERTY Touch-Typing Trainer Demo\n\n\u003cimg width=\"800\" alt=\"Screen Shot 2022-08-23 at 12 52 17 AM\" src=\"https://user-images.githubusercontent.com/39578778/186102830-4c664e9a-adfa-48dc-ba8c-e03df4e22ade.png\"\u003e\n\n\n## For Devs\n\n### `npm start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\n### `npm run build`\n\nBuilds the app for production to the `build` folder.\\\n\n### Pull Requests\n\nCreate a branch with proper name example 'feat/your-cool-feature', create the pull request and add authors for reviews. Please include description with details.\n\n\n## Sponsors\n\n### Buy Me A Coffee:\n\nhttps://www.buymeacoffee.com/daguozi\n\n## Credits\n\nThanks [@rendi12345678](https://github.com/rendi12345678) for his continuous contributions and making the feature of data visualization for the typing stats!\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgamer-ai%2Feletypes-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgamer-ai%2Feletypes-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgamer-ai%2Feletypes-frontend/lists"}