
Multiplayer Quiz WebApp
ReactTypeScriptTailwindCSSNodeExpressDockerGitAzure PostgreSQLAzure VMRedisOAuthGithub Actions
Multiplayer Quiz WebApp
This project demonstrates the transition from a traditional static site to a fully dynamic MDX-driven architecture.
- Features
- Single Player Quiz: Players can play quiz in singple player mode.
- Multiplayer Quiz: Players can create and join quiz rooms to compete against each other.
- OAuth Integration: Users can login using their Github account.
- Beautiful UI: Leveraging Tailwind CSS v4 for modern design aesthetics.
- Real-time Updates: Using WebSocket for real-time updates.
Architecture
We utilize gray-matter for frontmatter extraction and next-mdx-remote for secure rendering of markdown content. This setup allows for embedding React components directly within markdown.