Live Demo

Project Highlights

• Built a client-side Wordle-style game using only HTML, CSS, and jQuery.
• Designed a highly responsive layout tailored to an extremely small embed size (~250×500px) on the intranet homepage.
• Matched colours and visual design to the intranet’s branding.
• Added an instructional modal that appears on first load (and via the instruction icon) to help new players.
• Allowed players to input guesses through either a physical keyboard or the on-screen keyboard.
• Implemented a colour-coded feedback system for guesses, accurately handling duplicate and triplicate letters; colours were also displayed on the on-screen keyboard for extra clarity.
• Displayed different congratulatory messages based on how many guesses the player made before finishing the game.
• Loaded the word of the day from an external Google Sheet CSV, enabling non-technical content managers to update words without code changes.
• Added a local CSV fallback in case the Google Sheet was unavailable, and used it for valid-word checking as well.
• Synced the global word reset time to ensure consistent gameplay for users across time zones.
• Used the browser’s localStorage functionality to save guesses, block multiple tries, and preserve player progress for later sessions.
• Stored player statistics in localStorage, with optional Base64 import/export so users could migrate their data to a new browser.
• Enabled spoiler-free sharing of results using icon-based summaries instead of letters; share data remained available until the next word reset.