Wordle World is an interactive word-guessing game built in a three-tier architecture using SCSS, TypeScript, React.js, Next.js, Next-Auth.js, React-Query, Node.js, Express.js, Prisma ORM, and more.
Next.js is a framework that works on top of React.js and offers SSG (Static Site Generation) - which contributes to SEO (Search Engine Optimization), performance, and UX (User Experience) -, and many other tools that optimize the development experience.
React-Query is a comprehensive library that goes beyond data fetching. It efficiently handles diverse tasks, including fetching, caching, synchronizing, and updating server state. This multifaceted approach forms the core of smooth interactions and data-driven components.
Next-Auth ensures a great authentication implementation. The integration, in combination with JSON Web Tokens (JWT), secures data exchange and precise session control mechanisms, ensuring that the user interactions transpire within a controlled environment, contributing to a seamless and secure user experience.
For styling, I worked with SCSS and a "7-1" personalized architecture that consists of only three folders: _abstracts, _base, and _components, which is called by myself 'ABC' Architecture. (This pattern might have different names but refers to the same thing: a 7-1ish SCSS architecture for smaller projects.)
- Build the application end to end.
- Utilize Next.js as a React-based framework.
- Implement an API using Express and Prisma to manage a PostgreSQL database.
- Ensure authentication using Next-Auth (Auth.js) and JsonWebToken.
- Utilize the latest technologies and stay up-to-date with the industry standards.
- Develop a user-friendly and responsible UI/UX.
- More than 10.000 words to guess.
- Session authentication and accessToken rotation.
- OAuth with Google.
- User can keep track in its dashboard of the points and words they have guessed right.
- Ranking system based on the user's points.
- Guest can play with a limit of 3 games a day.
You can try the live app here.
You have the option to sign up by registering a new account or using your Google account.
Alternatively, you can use the following test account:
email: test@wordleworld.com
password: test123
Enjoy playing Wordle World!