Multiplayer Quiz WebApp

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.