[Showcase Saturday] Introducing MafiaDeck: A Stylish Web-Based Mafia Game with a Noir Aesthetic
Greetings, web development enthusiasts!
Over the past four months, I have dedicated myself to creating MafiaDeck, an innovative browser-based social deduction game inspired by classic Mafia and Werewolf experiences. Designed for quick setup and seamless play across devices, MafiaDeck offers players an engaging and visually distinctive way to enjoy social deduction gaming both online and in person.
Experience the Game Firsthand:
Play MafiaDeck directly in your browser: https://www.mafiadeck.com/app
Platforms: Accessible on both mobile and desktop browsers
Project Overview
My goal was to reimagine the traditional Mafia/Werewolf experience—commonly played at schools, parties, and team-building events—in a stylish, user-friendly format that emphasizes speed and aesthetic appeal. Whether hosting a quick game session or running an online match among friends, MafiaDeck aims to streamline the gameplay flow and deliver a compelling visual experience.
Technology Stack
The development of MafiaDeck was powered by a modern web technology stack, including:
– Nuxt.js / Vue.js for a reactive, component-based frontend
– TypeScript for robust, maintainable code
– Firebase for real-time backend services and authentication
– Vercel for deployment, ensuring fast delivery and scalability
Gameplay Variants
MafiaDeck supports versatile game modes to suit different group settings:
– Host Mode: Facilitates classic party-style play where the host assigns roles and manages eliminations through the app, providing a familiar experience.
– Full Mode: Enables fully automated online gameplay, featuring night and day cycles, voting, and role reveals, ideal for remote groups.
Key Features
– Private rooms secured with unique room codes for controlled access
– Customizable avatars and role cards to personalize player identities
– AI-controlled bots with basic personalities and bluffing capabilities to fill game roles or enhance gameplay dynamics
– Endgame summaries providing clear recaps of game outcomes
While MafiaDeck is still in its beta phase, I am eager to gather feedback from both players and fellow developers. Your insights will help refine the game’s performance, usability, and overall experience. Specifically, I welcome input on:
– How smoothly does the game run on various browsers and devices?
