https://github.com/rbrickmn/mousetrack-app
Simple HTML/CSS/JavaScript clone of Jerry Jongerius's mouse latency test.
https://github.com/rbrickmn/mousetrack-app
css frontend html javascript mouse-events mouse-tracking
Last synced: 11 months ago
JSON representation
Simple HTML/CSS/JavaScript clone of Jerry Jongerius's mouse latency test.
- Host: GitHub
- URL: https://github.com/rbrickmn/mousetrack-app
- Owner: rbrickmn
- Created: 2024-04-23T19:07:28.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-14T19:37:01.000Z (about 2 years ago)
- Last Synced: 2025-03-13T18:16:30.225Z (over 1 year ago)
- Topics: css, frontend, html, javascript, mouse-events, mouse-tracking
- Language: CSS
- Homepage: https://mousetrack-app.vercel.app/
- Size: 427 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MouseTrack: Mouse Input Performance Test 👋
Mouse input performance test inspired by https://www.vsynctester.com/testing/mouse.html by Jerry Jongerius!
## Purpose 🎯
This site allows the user to test their mouse input latency with a graph to display feedback. There are five settings to choose from that allow the user to customize their test. I began this project after coming across the original site (linked in #attributions) while testing my new mouse's performance. When I took a look under the hood, I was inspired due to this being created from HTML, CSS, and vanilla JavaScript. The main goal was to rebuild the orignal app, modernize the JavaScript a bit, and redo the UI in my own style. I am super pleased with how it turned out. I'd love to hear feedback and suggestions as well!
## Where to View 💻
You can view the live site at: [https://mousetrack-app.vercel.app/](https://mousetrack-app.vercel.app/)
## Technologies used 🚀
This site features HTML, CSS, and vanilla JavaScript. As my skill set continues to expand, I will be implementing new features, optimizations, and frameworks.
## Planned changes 📝
- (MAYBE) Rebuild in React
- Further optimize codebase
- Add light/dark theme toggle
## Attributions 📢
- Original site: (https://www.vsynctester.com/testing/mouse.html).
- All icons from [Google Fonts](https://fonts.google.com/icons).
- "Poppins" font from [Google Fonts](https://fonts.google.com/specimen/Poppins).
- "Outfit" font from [Google Fonts](https://fonts.google.com/specimen/Outfit).