Skip to content

README.md

Latest commit

 

History

History
118 lines (88 loc) · 3.17 KB

README.md

File metadata and controls

118 lines (88 loc) · 3.17 KB

🚀 3D Model – Modern 3D Showcase Web Application

📘 Overview

This application features a powerful and dynamic 3D model update and download system, designed to make managing and accessing the latest 3D assets effortless. Users can upload new versions of models, instantly view the updates in a built-in 3D viewer, and download the latest files directly from the interface.

The system ensures a smooth workflow for designers, developers, clients, and anyone working with evolving 3D content.

✔ Key Capabilities

  • Real-time model updates – Newly uploaded models automatically replace previous versions.
  • Downloadable assets – Users can download updated 3D models.
  • Version-ready structure – Models can be updated without disrupting existing pages or breaking links.
  • Seamless preview experience – All updates load directly inside the 3D viewer for immediate inspection.

A full-stack 3D model viewing application built using React, TailwindCSS, DaisyUI, Firebase Authentication, React Router, Node.js, Express, and MongoDB.
This project is designed to provide smooth 3D interactions, authentication system, beautiful UI, and fully responsive layouts.

🌐 Live Demo

🔗 Live Site: - https://heroic-toffee-50c91d.netlify.app/

🔗 Client Repo:- https://github.com/SowvikSuvo/3D-Model-Client.git

🔗 Server Repo:- https://github.com/SowvikSuvo/3D-Model-Server.git

🧰 Tech Stack

Frontend

  • React 19
  • React Router 7
  • TailwindCSS 4
  • DaisyUI
  • Framer Motion
  • React Hot Toast & React Toastify
  • Lucide Icons / React Icons

Backend

  • Node.js
  • Express.js
  • MongoDB
  • Firebase Authentication

Build Tool

  • Vite

✨ Main Features

🔹 Frontend Features

  • Stunning 3D model interface
  • Beautiful UI using Tailwind + DaisyUI
  • Smooth animations (Framer Motion)
  • Secure routes with React Router
  • Toast notifications (react-hot-toast / react-toastify)
  • Mobile responsive layout

🔹 Backend Features

  • Fully secured API with Express
  • MongoDB database integration
  • User authentication using Firebase
  • JWT/Firebase protected routes (if you use)
  • Environment variable support (dotenv)

📦 Dependencies

Package Version
@tailwindcss/vite ^4.1.17
animate-presence ^0.2.1
firebase ^12.5.0
framer-motion ^12.23.24
lucide ^0.553.0
lucide-react ^0.553.0
react ^19.1.1
react-dom ^19.1.1
react-hot-toast ^2.6.0
react-icons ^5.5.0
react-router ^7.9.5
react-toastify ^11.0.5
sweetalert2 ^11.26.3
tailwindcss ^4.1.17

🛠 Dev Dependencies

Package Version
@eslint/js ^9.36.0
@types/react ^19.1.16
@types/react-dom ^19.1.9
@vitejs/plugin-react ^5.0.4
daisyui ^5.4.7
eslint ^9.36.0
eslint-plugin-react-hooks ^5.2.0
eslint-plugin-react-refresh ^0.4.22
globals ^16.4.0
vite ^7.1.7

Deployment

  • Client: Netlify
  • Server: Vercel

🚀 How to Run Locally

1️⃣ Clone the Repository

https://github.com/SowvikSuvo/3D-Model-Client.git
cd 3D-Model-Client