Holoverse

Better Spaces to Host Online Events.

Tech Stack • Features • Deploy and Run

Tech Stack

• Next.js – Framework
• Typescript – Language
• Tailwind – CSS
• Redis – Redis
• Bullmq – Message Queue
• Mediasoup – Media Server
• Postgresql – Database
• Node.js – Server

Features

• Customizable 2D Avatars: Fully customizable avatars that reflect your unique style.
• Themed Virtual Spaces: Create and explore spaces with different themes, sizes, and privacy options.
• Proximity Media Interactions: Engage in natural conversations with audio and video that dynamically appear based on proximity.
• Realtime Participant Status: See who’s talking, who’s active, and more with real-time participant updates.
• Interactive Elements: Use virtual whiteboards and other tools to collaborate just like in the real world.
• Media and Hardware Controls: Full control over your experience with options like spatial audio, sound effects, and AI-powered noise cancellation.
• Text Chat with Emojis & Emotes: Engage with others through global text channels filled with emojis and animated emoticons.
• Help Signals: Raise your hand to get assistance in real time.

Virtual Spaces

Holoverse offers fully customizable and themed spaces, where users can interact using their avatars. These spaces are designed to mimic real-world scenarios, offering a seamless blend of visual and auditory interaction.

Collaborative Tools

The platform includes interactive elements like whiteboards, allowing users to brainstorm and collaborate effectively within the virtual environment.

Deploy and Run

Prerequisites

• Node.js v14+
• PostgreSQL
• Redis
• Mediasoup dependencies

Installation

1. Clone the Repository:

   git clone https://github.com/yourusername/holoverse.git
   cd holoverse

2. Install Dependencies:

   npm install

3. Configure Environment Variables:

   Create a .env file in the root directory and add the following:

   DATABASE_URL=your_postgresql_database_url
   REDIS_URL=your_redis_url
   MEDIASOUP_LISTEN_IP=your_server_ip

4. Set Up the Database:

   Run migrations to set up the PostgreSQL database schema:

   npx prisma migrate dev

Running the Application

1. Start the Development Server:

   npm run dev

   The app should now be running on http://localhost:3000.

2. Building for Production:

   To build the application for production, use:

   npm run build

3. Start the Production Server:

   npm start

Author

• Nginze