Skip to content

This repository contains a 3D model viewer built using React Three Fiber (R3F), enabling seamless and interactive 3D experiences on the web. The viewer allows users to load, manipulate, and explore 3D models with responsive controls and optimized rendering.

Notifications You must be signed in to change notification settings

apo-star/coding-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 3D Model Viewer 🎉

🚀 Welcome to the 3D Model Viewer! 🚀

This project, built with React Three Fiber ⚛️🌌, lets users upload their own 3D models 🖱️📁 and view them interactively! 🎨✨

📸 Features

  • Upload Your Own 3D Models 🗂️➡️🌐: Easily upload .obj, .gltf, or .fbx files from your computer!
  • Smooth Interactions 🔄🎛️: Rotate, zoom in 🔍, and zoom out 🔎 to explore every angle of your model.
  • Beautiful Real-time Rendering 🌈💫: Experience the power of React Three Fiber for immersive, high-quality visuals.

🖥️ How It Works

  1. Upload a Model 🖱️📂: Simply drag and drop or click to upload.
  2. Explore the Model 🌐🔄: Use intuitive controls to rotate, zoom, and interact with the 3D view.
  3. Adjust Settings ⚙️: Customize the view for a tailored experience.

🚀 Getting Started

Follow these steps to clone the repository and run the project locally:

1. Clone the Repository

git clone https://github.com/apo-star/coding-challenge.git
cd coding-challenge

2. Install Dependencies

npm install

3. Run the Project

npm run start

About

This repository contains a 3D model viewer built using React Three Fiber (R3F), enabling seamless and interactive 3D experiences on the web. The viewer allows users to load, manipulate, and explore 3D models with responsive controls and optimized rendering.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published