File size: 1,277 Bytes
6c131e3
1
Build a web-based typing speed test app that reacts to the user's typing speed in real-time by changing the background to a funny meme GIF. The app should track typing speed (WPM), accuracy, and adjust the background dynamically with a fade transition effect.  Core Features:  A real-time typing speed tracker (WPM), updated every 2 seconds.  Threshold levels for speed:  0–20 WPM → Show slow meme GIF (e.g., a crawling snail or Patrick walking)  21–50 WPM → Show medium-speed meme (e.g., awkward run or someone “trying”)  51–80 WPM → Show fast meme (e.g., Naruto run, Sonic)  80+ WPM → Show ultra-fast meme (e.g., Giga Chad flying or Flash blur)  Smooth CSS fade transitions between background GIFs.  Show a live caption on screen that changes with typing speed, e.g.:  “Your grandma types faster than this.”  “WOOOSH! You’re going places.”  Additional Features:  Calculate final score: WPM, Accuracy, and a meme-style summary at the end.  Optional: Let users download or share a GIF screenshot of their typing session.  Responsive and mobile-friendly layout.  Keep the UI clean and funny, and preload all GIFs to avoid lag during speed changes. Prioritize meme-worthy visual feedback and create an experience that’s fun to share on social media.