Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/victorbravim/invisvr
InvisVR Template Page
https://github.com/victorbravim/invisvr
3d nextjs tailwindcss typescript virtual-reality vr
Last synced: 25 days ago
JSON representation
InvisVR Template Page
- Host: GitHub
- URL: https://github.com/victorbravim/invisvr
- Owner: VictorBravim
- License: mit
- Created: 2024-06-01T20:33:12.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-06-07T21:37:53.000Z (8 months ago)
- Last Synced: 2024-11-09T17:13:56.973Z (3 months ago)
- Topics: 3d, nextjs, tailwindcss, typescript, virtual-reality, vr
- Language: TypeScript
- Homepage: https://invis-vr.vercel.app
- Size: 2.88 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🥽 InvisVR
## 🚀 Overview
This project is a React-based web application that provides a seamless and visually appealing interface for users to navigate through different sections of a virtual journey website. The sections include Hero, About, Product, and Contact, each offering unique content and functionality.
## 📋 Requirements
- Node.js (v12 or later)
- npm (v6 or later) or yarn (v1 or later)
## 🔧 Installation
1. Clone the repository:
```
git clone https://github.com/VictorBravim/InvisVR.git
```
2. Navigate to the project directory:
```
cd InvisVR
```
3. Install the dependencies:
```
npm install
or
yarn install
```
4. Run the development server:
```
npm run dev
```
## 🛠️ Project Structure
- Page.tsx: The main page component that manages the state of the current section and renders the corresponding components (Hero, About, Product, Contact) with transitions.
- components/Hero.tsx: The Hero section, featuring a welcoming interface with a background image and an embedded Spline design. It includes a button to navigate to the About section.
- components/About.tsx: The About section, providing information about the project or service. It includes buttons to navigate to the Hero and Product sections.
- components/Product.tsx: The Product section, showcasing the main products or services. It includes navigation to other sections.
- components/Contact.tsx: The Contact section, offering contact information or a form for users to reach out.
## 📄 License
- This project is licensed under the [MIT License](LICENSE).