|
| 1 | +<h1 align="center" id="title">TypeSight</h1> |
1 | 2 |
|
2 |
| -# TypeSight |
| 3 | +<p align="center"><img src="https://socialify.git.ci/amitjimiwal/TypeSight/image?description=1&descriptionEditable=TypeSight%3A%20The%20Typing%20Test%20with%20Eye%20Detection&language=1&name=1&owner=1&pattern=Signal&theme=Light" alt="project-image"></p> |
| 4 | + |
| 5 | +<p id="description">TypeSight the premier destination for typing speed and accuracy tests. Whether you’re a professional typist or just looking to improve your skills we’ve got you covered.</p> |
| 6 | + |
| 7 | + |
| 8 | + |
| 9 | +<h2>🧐 Features</h2> |
| 10 | + |
| 11 | +Here're some of the project's best features: |
| 12 | + |
| 13 | +* Accurate Results |
| 14 | +* Increased Typing Accuracy |
| 15 | +* Detailed Reports |
| 16 | + |
| 17 | + |
| 18 | +<h2>🚀 Demo Video</h2> |
| 19 | + |
| 20 | +https://github.com/amitjimiwal/TypeSight/assets/90555965/401d1f45-c31d-4d97-8c22-890f6b7504c9 |
| 21 | + |
| 22 | + |
| 23 | + |
| 24 | + |
| 25 | +<h2>🛠️ Installation Steps:</h2> |
| 26 | + |
| 27 | +<p>1. Clone the repository</p> |
| 28 | + |
| 29 | +``` |
| 30 | +git clone https://github.com/amitjimiwal/TypeSight |
| 31 | +``` |
| 32 | + |
| 33 | +<p>2. Since we are using submodules for integrating backend and the eyedetection you need to run the following command</p> |
| 34 | + |
| 35 | +``` |
| 36 | +git submodule init |
| 37 | +``` |
| 38 | + |
| 39 | +<p>3. Update the submodules with the latest commit</p> |
| 40 | + |
| 41 | +``` |
| 42 | +git submodule update |
| 43 | +``` |
| 44 | + |
| 45 | +<p>4. Start backend server</p> |
| 46 | + |
| 47 | +``` |
| 48 | +cd sight-backend/ |
| 49 | +``` |
| 50 | + |
| 51 | +<p>5. Go through <code>env.sample</code> file ,create a <code>.env.local</code> file and add all the corresponding environment variables in your local setup.</p> |
| 52 | + |
| 53 | +<p>6. Start the application</p> |
| 54 | + |
| 55 | +``` |
| 56 | +npm install && npm run dev |
| 57 | +``` |
| 58 | + |
| 59 | +<p>7. Setup the Eye Detection</p> |
| 60 | + |
| 61 | +``` |
| 62 | +cd EyeDirection/ |
| 63 | +``` |
| 64 | + |
| 65 | +<p>8. Install the requirements.txt</p> |
| 66 | + |
| 67 | +``` |
| 68 | +pip install requirements.txt |
| 69 | +``` |
| 70 | + |
| 71 | +<p>9. Start the websocket server</p> |
| 72 | + |
| 73 | +``` |
| 74 | +python server.py |
| 75 | +``` |
| 76 | + |
| 77 | +<p>10. Start the Frontend</p> |
| 78 | + |
| 79 | +``` |
| 80 | + cd ../ |
| 81 | +``` |
| 82 | + |
| 83 | +<p>11. Go through <code>env.sample</code> file ,create a <code>.env.local</code> file and add all the corresponding environment variables in your local setup.</p> |
| 84 | + |
| 85 | +<p>12. Start the application</p> |
| 86 | + |
| 87 | +``` |
| 88 | +npm install && npm run dev |
| 89 | +``` |
| 90 | + |
| 91 | + |
| 92 | + |
| 93 | +<h2>💻 Built with</h2> |
| 94 | + |
| 95 | +Technologies used in the project: |
| 96 | + |
| 97 | +* React |
| 98 | +* Express |
| 99 | +* Mediapipe |
| 100 | +* OpenCV |
| 101 | +* Websockets |
| 102 | +* Typescript |
| 103 | + |
| 104 | +<h2>🛡️ License:</h2> |
| 105 | + |
| 106 | +This project is licensed under the The ReadLogs Project is licensed under the [MIT License](https://opensource.org/licenses/MIT). Feel free to use modify and distribute the software as per the terms of the license. |
| 107 | + |
| 108 | +<h2>💖Like my work?</h2> |
| 109 | +Give a ⭐️ to this repository. Thank you for taking an interest! If you encounter any issues have suggestions or want to report a bug feel free to create an issue on the repository . Happy Coding! |
0 commit comments