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. |