https://github.com/dlsnemsara/furniture-visualizer-app

furniture-visualizer-app is a web-based 2D/3D interior design application built with the MERN stack. It enables in-store furniture designers to create and visualize realistic room layouts, helping customers see how furniture fits within their room’s dimensions, colors, and shapes, with a focus on usability in design.
https://github.com/dlsnemsara/furniture-visualizer-app

3d-modelling hci reactjs tailwind-css threejs typescript

Last synced: about 2 months ago
JSON representation

furniture-visualizer-app is a web-based 2D/3D interior design application built with the MERN stack. It enables in-store furniture designers to create and visualize realistic room layouts, helping customers see how furniture fits within their room’s dimensions, colors, and shapes, with a focus on usability in design.

• Host: GitHub
• URL: https://github.com/dlsnemsara/furniture-visualizer-app
• Owner: DLSNemsara
• License: mit
• Created: 2025-04-17T14:38:59.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-27T04:50:16.000Z (about 1 year ago)
• Last Synced: 2025-04-27T05:28:55.597Z (about 1 year ago)
• Topics: 3d-modelling, hci, reactjs, tailwind-css, threejs, typescript
• Language: TypeScript
• Homepage:
• Size: 49.4 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Furnique 3D E-Commerce

## Summary

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.

## Key Features

- **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.

## Technologies Used

### Front-End

- **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**

### Back-End

- **Node.js**

- **Express.js**

- **MongoDB + Mongoose:**

  

  For database management

- **Cloudinary API:**

  

  For image cloud & 3d model management

### Tools and Dependencies

- **Ngrok**

- **Crypto.js**

- **dotenv**

## Contributors

- [Sinel Nemsara](https://github.com/DLSNemsara)

- [Bingum de Alwis](https://github.com/Bingum-de-Alwis)

- [Sachitha Eshan](https://github.com/SachithaEshan)

- [Thisal Sandeepa](https://github.com/Thisalsandeepa)

- [Anuradha Dilruwan](https://github.com/Dilruwan21)