https://github.com/dvir-cohen1/orbit-view

A 3D solar system simulation built with React and Three.js, bringing the wonders of space to your screen.
https://github.com/dvir-cohen1/orbit-view

react simulation space threejs

Last synced: 14 days ago
JSON representation

A 3D solar system simulation built with React and Three.js, bringing the wonders of space to your screen.

• Host: GitHub
• URL: https://github.com/dvir-cohen1/orbit-view
• Owner: Dvir-Cohen1
• Created: 2024-12-02T23:47:18.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-14T06:57:42.000Z (2 months ago)
• Last Synced: 2025-01-30T20:17:48.585Z (14 days ago)
• Topics: react, simulation, space, threejs
• Language: TypeScript
• Homepage: https://orbit-view.vercel.app
• Size: 31.5 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 


    
🪐 Orbit View

    
 A 3D solar system simulation built with React and Three.js, bringing the wonders of space to your screen.

 




## 📋 Table of Contents

1. 👽 [Introduction](#introduction)

2. ⚙️ [Tech Stack](#tech-stack)

3. 🔋 [Features](#features)

4. 🚀 [Quick Start](#quick-start)

   

## 👽 Introduction

Orbit View 3D Space Simulation designed to inspire curiosity and exploration of the universe. This project offers an interactive and immersive 3D experience, allowing users to engage with the wonders of space in a visually captivating way.

Built using modern web technologies, the application features smooth animations, realistic 3D graphics, and responsive design. It creates a seamless platform for users to explore simulated celestial environments and experience the vastness of space in a fun and educational manner.

The project emphasizes both the creative and technical possibilities of web-based 3D simulations, pushing the boundaries of what can be achieved in an interactive online environment.

## ⚙️ Tech Stack

- Next.js

- React

- ShadCN UI

- TypeScript

- TailwindCSS

- React Three.js

- Framer Motion

- Anime.js

## 🔋 Features

👉 **Interactive and Engaging UI**: Seamlessly integrates 3D elements with @react-three/fiber and @react-three/drei.

👉 **Responsive Design**: Fully optimized for a seamless experience on desktops, tablets, and mobile devices.

👉 **Minimalistic and Modern Styling**: Tailwind CSS for consistent and scalable styling with added support for animations.

👉 **High Performance**: Fast loading and smooth interactions for an efficient user experience.

and many more, including code architecture and reusability

## 🚀 Quick Start

Follow these steps to set up the project locally on your machine.

**Prerequisites**

Make sure you have the following installed on your machine:

- [Git](https://git-scm.com/)

- [Node.js](https://nodejs.org/en)

- [npm](https://www.npmjs.com/) (Node Package Manager)

**Cloning the Repository**

```bash

git clone https://github.com/Dvir-Cohen1/orbit-view.git

cd orbit-view

```

**Installation**

Install the project dependencies using npm:

```bash

npm install

```

**Running the Project**

```bash

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.