Sofa Configurator with Vue.js

Overview

This project is a sofa configurator implemented using Vue.js, allowing users to customize their sofa by selecting different options for the base, mattress, and pillows. It offers a seamless and interactive user experience, with dynamic rendering of selected options and real-time image updates.

Features

• Vue Components: Utilizes Vue.js's component-based architecture to break down the configurator into reusable components for enhanced code organization.

• Dynamic Rendering: Implements dynamic rendering of selected options and corresponding images in real-time, providing users with immediate visual feedback.

• Vue Icons: Integrates sleek icons from the Carbon Design System using the @carbon/icons-vue library to enhance the configurator's visual appeal and functionality.

• Fullscreen Option: Includes a fullscreen mode for users to immerse themselves fully in the sofa configuration process, providing a distraction-free environment for exploring available options.

• Configuring Sofa with URL Parameters: Enables users to customize sofa configurations using URL parameters, allowing seamless sharing of personalized configurations by simply sharing the URL.

Credits

This project utilizes the following technologies and libraries:

• Vue.js: A progressive JavaScript framework for building user interfaces.
• Carbon Design System: Provides sleek icons used in the configurator.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build