Virtual Reality (VR) Experience

This project is a web-based Virtual Reality (VR) Experience application. It allows users to interact with 3D environments and objects in a virtual space, manage VR content, and personalize their experience.

Features

• User Authentication: Secure login system to ensure only authorized users can access the VR experience.
• VR Scene: An interactive 3D environment rendered using Three.js and React Three Fiber.hh
• Content Management: Interface for adding and managing VR environments and objects.
• Responsive Design: User-friendly interface that works well on both desktop and VR-capable devices.

Technologies Used

• Next.js: React framework for building the user interface
• React: JavaScript library for building user interfaces
• Three.js and React Three Fiber: For 3D rendering and VR experience
• TypeScript: Typed superset of JavaScript for improved developer experience
• shadcn/ui: UI component library for consistent and attractive design
• Express.js: Backend framework for handling API requests (to be implemented)
• MongoDB: Database for storing VR content and user data (to be implemented)

Setup Instructions

1. Clone the repository:

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open your browser and navigate to `http://localhost:3000\` to view the application.

Usage Instructions

1. Login: Use the login page to access the application. (Note: In this demo version, any non-empty username and password will work)

2. VR Scene: Upon successful login, you'll be presented with a 3D VR scene. You can interact with this scene using your mouse or VR controllers.

3. Content Management: Click the "Open Content Manager" button to access the content management interface. Here you can add new VR environments and objects.

4. Logout: Use the logout button in the top right corner to securely log out of the application.

Output

The view looks like this in console

License

This project is licensed under the MIT License.