Meme Game Web App

A React-based web application that brings the β€œWhat Do You Meme?” board game experience online. Developed as a full-stack project for a web applications course, this app allows users to play meme-based rounds, track scores, and compete against themselves.

πŸ“Œ GitHub Repository


πŸ”Ή Key Features

  • User Authentication β†’ Secure login/logout system for personalized gameplay.
  • Game Session Management β†’ Users can start, pause, and resume game sessions.
  • Dynamic Meme Captions β†’ Players select captions for memes, earning points based on creativity.
  • Score Tracking & Leaderboard β†’ Total game scores are stored and displayed.
  • Backend API β†’ A structured REST API handles session management, game progression, and score updates.

πŸ›  Technologies Used

  • Frontend: React (SPA architecture)
  • Backend: Node.js, Express
  • Database: SQLite
  • Authentication: Passport.js
  • State Management: React Hooks
  • UI: Bootstrap for styling

πŸ“Έ Screenshots


This project showcases full-stack web development skills, combining React, Node.js, and authentication mechanisms. The game logic includes round-based scoring, leaderboard tracking, and database-driven meme captions, making it an engaging and interactive web application.