Skip to content

Allows users to interact with 3D environments and objects in a virtual space

Notifications You must be signed in to change notification settings

pranjalisr/VR-Experience

Repository files navigation

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.
  • 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: ``` git clone https://github.com/your-username/vr-experience.git cd vr-experience ```

  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.

Future Improvements

  • Backend Integration: Implement Express.js server and MongoDB database for data persistence and user authentication.
  • Enhanced VR Interactions: Implement more complex interactions within the VR environment.
  • User Preferences: Allow users to save and load their preferred VR settings.
  • Multi-user Support: Enable multiple users to interact within the same VR environment.
  • VR Content Upload: Allow users to upload their own 3D models and environments.
  • Performance Optimization: Implement level-of-detail (LOD) and other optimization techniques for smoother VR experiences.

Contributing

Contributions to the VR Experience project are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License.

About

Allows users to interact with 3D environments and objects in a virtual space

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published