💡Solution

How do we solve these problems?

Escape Director (ED) is a robust and versatile web application designed to address the challenges faced by escape room owners and designers. It provides a comprehensive solution for creating, customizing, and managing escape room experiences. Built using the MERN stack (MongoDB, Express, React, and Node.js), Escape Director offers a user-friendly interface accessible across various devices. The application is further enhanced with AWS S3 integration for efficient multimedia content management.

Design and Implementation

1. Customization: ED allows users to customize their rooms to their specific themes and even the flow of the gameplay. Users can customize their LiveViews shown to players to seamlessly blend into the rooms. Editing puzzles and hints will allow game masters to effortlessly run their rooms.

2. Responsive and User-Friendly Design: Ensuring an intuitive, responsive, and accessible interface was a priority during the design and implementation of ED. React and Material-UI were employed to create a clean, modern interface that is easy to navigate and interact with. This focus on user experience ensures that users can focus on creating unforgettable experiences for their customers.

3. Multimedia Content Management: Handling large image and video files presented challenges regarding file size, format compatibility, and efficient storage. By integrating AWS S3, ED can securely and efficiently store multimedia content while minimizing load times and improving overall user experience.

4. Data Analysis: Every group of players holds critical data about the performance of the room. ED provides meaningful insights that further develop the room. It also keeps records of employee performance. To provide escape room owners with the necessary data for informed decision-making, ED includes a comprehensive room statistics system. This system collects and analyzes room utilization data and statistics, presenting the information in an easily accessible format.

Software Used (Technical Details)

1. Front-end: The front-end user interface is built using React, a popular JavaScript library that enables the creation of responsive and reusable user interface components. It is also combined with Material-UI, a comprehensive library of ready-to-use React components designed according to Google's Material Design guidelines, to deliver a consistent and visually appealing experience.

2. Back-end: The server-side application is developed using Express, a minimal and flexible Node.js web application framework. It handles various RESTful API endpoints for data management, user authentication, and other application-specific operations.

3. Database: MongoDB, a NoSQL document-based database, is used to store and manage user and escape room data, including room details, puzzles, clues, images, and video URLs.

4. Cloud Storage: To handle multimedia content efficiently, ERS integrates with Amazon Web Services (AWS) S3 for secure and scalable storage of images, videos, and audio.

5. Stripe: Escape Director seamlessly integrates with Stripe, a secure payment processing platform. This allows users to easily and securely purchase and manage their memberships within the application.