Mafia Game - Copy this React, Tailwind Component to your project
Hello, I am working on creating a website dedicated to the Mafia game and need your assistance using artificial intelligence to develop it. The website should be fully functional, interactive, and provide a seamless experience, not just a static design or an image. It should include all necessary features and pages, ensuring it operates 100%. Game Concept: The game consists of a group of players with specific roles: One Elder (observes and tries to uncover the mafia). Two Mafia Members (work secretly to eliminate other players). One Doctor (tries to protect players from being eliminated). Two Citizens (try to identify the mafia and assist others). Each player can only see their own role and does not know the roles of others. The mafia has a private chat to coordinate with each other during the night. Gameplay Mechanism: Night: The website switches to night mode for a specific period. During this time, the mafia decides on a target to eliminate, and the doctor selects someone to protect. Morning: The website announces the results of the night (whether a player was eliminated or saved). A discussion phase begins among the players for a set duration, followed by a voting phase to choose the player suspected of being in the mafia. Website Requirements: Interactive Features: The website should be fully interactive, allowing users to perform all actions smoothly, such as creating accounts, joining rooms, and playing the game. When I enter a room, I should be automatically assigned my specific role, and the website should display that role privately for me. Player cards (roles) should dynamically display and update based on game phases. Complete Development: All pages should function correctly, including login, room management, game interaction, and results announcements. Personal Accounts: Allow players to register and customize their profiles. Room Management: Enable the creation of multiple rooms, each with its unique settings and a defined number of players. In-Game Interaction Mechanics: Display roles privately to each player. Show room statuses (e.g., closed, full, in-game). User-Friendly Interface: Create an engaging and easy-to-use experience for players. Artificial Intelligence Features: Automatically assign roles. Manage game phases (night/morning). Analyze and provide gameplay statistics. The website should deliver an interactive and immersive experience, ensuring all features work seamlessly and provide real-time engagement for players. I look forward to collaborating with you on this exciting project!
