This e-commerce website allows users to browse and purchase furniture with excellent catalogs. The app provides a seamless shopping experience with a responsive 3D model previewer to allow shoppers to see the furniture in a 3 dimensions.
-
3D model previewer:
Preview the model in 3D with different lighting modes. -
Product Catalog:
Display a wide range of products with detailed descriptions, images, and pricing. -
Shopping Cart:
Offer a smooth checkout process with various payment and shipping options. -
Checkout Process:
Provide a streamlined checkout process with options for payment and shipping. -
Responsive Design:
Ensure the website adapts to different devices and screen sizes for an optimal user experience. -
Performance Optimization:
Enhance website performance for quick load times and easy navigation.
- Project Setup
- Vite
- React
- Typescript
- 3D Tools
- Three.js
- React Three Fiber
- React Three Drei
- React Tools
- React Router
- React Icons
- React Intersection Observer
- Chakra UI
- Tailwind CSS
- Snipcart API
- Node.js
- Express.js
- MongoDB + Mongoose:
For database management - Cloudinary API:
For image cloud & 3d model management
- Ngrok
- Crypto.js
- dotenv