🌌 React Three Fiber Solar System

An interactive 3D solar system visualization built with React Three Fiber and Drei. Explore planets, toggle panels, and view labels in a responsive UI.

🚀 Installation

1. Clone the repository:

   git clone https://github.com/DZaf/threejs-cv.git
   cd react-three-fiber-solar-full

2. Install dependencies:

   npm install

🧪 Usage

Start the development server:

npm run dev

Then open http://localhost:3000 in your browser.

📸 Screenshots

✨ Features

• 🌍 Interactive 3D solar system visualization
• 🧭 Responsive sidebar with section controls (open/close panels)
• 🪐 High-resolution texture mapping for planets
• 🏷️ Label overlays using Drei Html
• 🎮 Smooth orbit controls and camera movement

🧰 Tech Stack

• ⚛️ React for UI
• 🎨 React Three Fiber (Three.js) for 3D rendering
• 🧱 Drei for helpers (e.g., Stats, Html)
• 🧪 Jest & React Testing Library for testing
• 💻 Node.js & NPM/Yarn for package management
• 🛡️ TypeScript for static typing

📝 TODO

• 🧠 Implement Redux for state management
• ✅ Write more comprehensive Jest tests

📄 License

MIT License