[Showoff Saturday] I built a web based Mafia game with a noir aesthetic: MafiaDeck

[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?


Leave a Reply

Your email address will not be published. Required fields are marked *