Skip to content

bonsng/3Drive-mock

Repository files navigation

3Drive

3D Cloud Storage Service

typescript_icon react-icon nextjs-icon r3f-icon tailwind-icon

📁 Introduction

3Drive is a cloud file explorer based in 3D space. Users can browse and manage files and folders in an immersive and intuitive 3D environment directly from their browser. Built with React, Three.js, and Next.js, it leverages WebGL to deliver a visually engaging user experience.


🔗 Portfolio Version (Mock Data)

This portfolio version does not communicate with a real backend server. It operates on mock data and includes limited functionality.


✨ Key Features

  • 🗂️ Visualize and explore files/folders in 3D space
  • 🎯 Intuitive drag-and-drop file interaction
  • 🧭 Hierarchical folder structure navigation
  • 🖼️ Preview file metadata and contents
  • 🔍 Zoom, pan, and rotate camera with ease

⚙️ Installation & Run Guide

  1. 📥 Clone the repository

    git clone https://github.com/your-id/3Drive.git
    cd 3Drive
  2. 📦 Install dependencies

    npm install
  3. 🚀 Start the development server

    npm run dev
  4. 🌐 Open your browser and visit: http://localhost:3000

About

3D Cloud Storage Service

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages