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.
- 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 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
- React 19
- React Router 7
- TailwindCSS 4
- DaisyUI
- Framer Motion
- React Hot Toast & React Toastify
- Lucide Icons / React Icons
- Node.js
- Express.js
- MongoDB
- Firebase Authentication
- Vite
- 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
- Fully secured API with Express
- MongoDB database integration
- User authentication using Firebase
- JWT/Firebase protected routes (if you use)
- Environment variable support (
dotenv)
| 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 |
| 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 |
- Client: Netlify
- Server: Vercel
https://github.com/SowvikSuvo/3D-Model-Client.git
cd 3D-Model-Client