Wordle
A recreation of the popular game Wordle with additional modes and features. Made with Svelte in Typescript.
Overview:
Wordle+ is a recreation of the popular game Wordle by Josh Wardle, now purchased by the New York Times. It offers additional modes and features to enhance the gameplay experience. The game is hosted on GitHub Pages.
Features:
- Random Word Selection: Words are chosen randomly from a list instead of in sequence.
- No Cheating: The solution is not stored in local storage, making it harder to cheat.
- Shared Random Number: The seed for the random number is created from the date, ensuring that everyone gets the same random number, allowing for fair comparison of answers.
- Word Definition: When a game is completed, the definition of the word is shown on the end of game modal.
- Statistics Display: In addition to other statistics, average guesses and losses are displayed on the win modal.
- Timer Behavior: When the timer reaches 0 for a given game mode, it changes into a refresh button instead of just staying at 00:00:00. A refresh button also appears in the top left corner.
- Tips Widget: A tips widget in the settings menu provides useful information about the functionality of the game.
- Right-Click Functionality: Right-clicking a submitted word on the board will display its definition. Right-clicking the row below the last submitted word will show the number of possibilities taking all previous information into account.
- Shareable Modes: The game mode is reflected in the URL, allowing for easy sharing of a specific game mode. A link can be shared to a specific game number or specific rounds of faster-changing modes.
- Previous Games Access: Users can access previous games from the settings menu by inputting a game number or link.
- Service Worker: The game can be easily downloaded as a progressive web app and can be run offline.
- Give Up Button: A "Give Up" button is available for users who want to reveal the solution.
- Additional Modes: Wordle+ offers two additional modes besides the classic mode - Hourly mode with a new word every hour and Infinite mode with a new word every time the page is refreshed.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
