A Wordle-inspired word guessing game made using HTML, CSS & Javascript. Features smooth animations, local storage for statistics, and an intuitive user interface built with vanilla JavaScript for optimal performance.
Todaydle is my take on the popular Wordle game, built entirely from scratch using vanilla HTML, CSS, and JavaScript. The project demonstrates my ability to create engaging, interactive web experiences without relying on external frameworks.
The game features a clean, modern interface with smooth animations and visual feedback. Players have six attempts to guess a five-letter word, with each guess providing color-coded hints about the correct letters and their positions.
What sets this project apart is its attention to user experience details - from the satisfying tile flip animations to the persistent statistics tracking that remembers your game history across sessions.
Engaging word-guessing mechanics with visual feedback and smooth animations for each guess.
Persistent game statistics including games played, win percentage, and current streak.
Optimized for all screen sizes, from mobile phones to desktop computers.
CSS-powered animations that provide satisfying visual feedback for every interaction.
Game progress and statistics are saved locally, so you never lose your progress.
Built entirely with vanilla JavaScript for maximum performance and minimal dependencies. Features ES6+ syntax including arrow functions, destructuring, and template literals.
Utilizes CSS Grid, Flexbox, and custom properties for layout. Keyframe animations provide smooth tile flips and color transitions without JavaScript animation libraries.
Implements browser local storage to persist game statistics and current game state. Data is serialized to JSON and includes error handling for storage limitations.
Building the core word guessing mechanics required careful state management and validation logic. Each guess needed to be processed, compared against the target word, and provide accurate feedback through color-coded tiles.
Creating smooth tile flip animations that sync with the game state was particularly challenging. Each tile needed to flip at the right moment, reveal the correct color, and maintain consistent timing across all interactions without blocking the user interface.
Implementing persistent game state and statistics required careful data serialization and error handling. Managing storage limitations, handling corrupted data, and ensuring seamless data recovery were key challenges in maintaining user progress.
Game Development
Experience Todaydle yourself and see the smooth animations and engaging gameplay in action.