Welcome to my Web Games project, a personal initiative to recreate NYTimes web games. This project serves as a platform for honing my frontend and backend development skills. I am committed to continuously enhancing the app and introducing new games.
The app is currently deployed on Vercel. You can check out the demo here.
- Next.js (v14) + TypeScript
- Axios + SWR
- Mantine (v7)
- React Hot Toast
- React Icons
- Zustand
- PostCSS
- Node.js (v16) + TypeScript
- Express.js
- MongoDB + Prisma
- JWT
To deploy the frontend, navigate to the /frontend directory and run:
pnpm dev
# or
npm run dev
# or
yarn dev
# or
bun devTo deploy the backend, navigate to the /backend directory and run:
pnpm start
# or
npm start
# or
yarn startOpen http://localhost:3000 with your browser to see the result.
- Dynamic Light/Dark Mode: Seamlessly switch between light and dark themes to suit your preference.
- Cross-Platform Compatibility: Enjoy the games on any device, whether it's a desktop, tablet, or mobile.
- Guest Access: Play games without the need for an account, perfect for quick and easy access.
- Account Management: Create an account to save your progress, customize your settings, and track your achievements.
- Game Progression Saving: Save your game progress and pick up right where you left off at any time.
- Shareable Game Links: Easily share your favorite games with friends via a unique link.
- In-Game Hints: Get helpful hints to improve your gameplay and tackle challenging puzzles.
- Accessibility Features: Designed with accessibility in mind to ensure a great experience for all users.
Welcome to my Web Games project, a personal initiative to recreate NYTimes web games. This project serves as a platform for honing my frontend and backend development skills. I am committed to continuously enhancing the app and introducing new games.
The app is currently deployed on Vercel. You can check out the demo here.
- Next.js (v14) + TypeScript
- Axios + SWR
- Mantine (v7)
- React Hot Toast
- React Icons
- Zustand
- PostCSS
- Node.js (v16) + TypeScript
- Express.js
- MongoDB + Prisma
- JWT
To deploy the frontend, navigate to the /frontend directory and run:
pnpm dev
# or
npm run dev
# or
yarn dev
# or
bun devTo deploy the backend, navigate to the /backend directory and run:
pnpm start
# or
npm start
# or
yarn startOpen http://localhost:3000 with your browser to see the result.
- Dynamic Light/Dark Mode: Seamlessly switch between light and dark themes to suit your preference.
- Cross-Platform Compatibility: Enjoy the games on any device, whether it's a desktop, tablet, or mobile.
- Guest Access: Play games without the need for an account, perfect for quick and easy access.
- Account Management: Create an account to save your progress, customize your settings, and track your achievements.
- Game Progression Saving: Save your game progress and pick up right where you left off at any time.
- Shareable Game Links: Easily share your favorite games with friends via a unique link.
- In-Game Hints: Get helpful hints to improve your gameplay and tackle challenging puzzles.
- Accessibility Features: Designed with accessibility in mind to ensure a great experience for all users.
-
Add management of content preferences -
Add ability to delete account or reset progress -
Optimization, performance improvements and code refactoring -
New game: Wordle
-
Basic game logic -
User interface design -
Saving games -
Implement scoring system - Accessibility improvements
-
Add ability to share game via link -
Add hints to games - Accessibility improvements