Virtual Dressing Room is a web application, aiming at enabling customers to try-on clothes before buying them online.
The traditional shopping experience often involves visiting physical stores and trying on multiple clothing items to find the right fit and style. However, this process can be time‑consuming, inconvenient, and limited by factors such as store availability and fitting room spaces. The concept of a virtual dressing room software stems from the desire to provide users with a convenient and immersive way to try on different outfits without physically wearing them. This technology has gained popularity.
- Testing API: Postman
- GUI for managing MongoDB Database: MongoDB Compass
- Grammar Checker: eslint
- Backend Springboot Project
Before you start to try anything with the frontend page, please run the backend project first.
Make sure you are in the root directory. Direct to the directory of the springboot jar file.
cd springbootDemo\target
Then run the .jar file to start the backend project.
java -jar springbootDemo-0.0.1-SNAPSHOT.jar
- Configure your MongoDB 'cetificate'
This will enable your backend to successfully connect to the database.
Make sure you are in the base root
cd springbootDemo\src\main\resources
Create the .env file in this directory using vim or other text editor. Paste the configuration and save.
MONGO_DATABASE="vdr-api-db"
MONGO_USER="manunitedhzk7"
MONGO_PASSWORD="*****"
MONGO_CLUSTER="*****"
If you want to have access to the database, please contact me!
- Frontend React Project
Make sure you are in the base root
cd ReactDev\MovieClient\movie-gold-v1>
Use package manager npm to install the frontend projects
npm install
If you haven't install nodejs on your computer, you will not be able to use the package manager npm, please install it via the link: NodeJS Install(Version:20.11.1)
Run the app
npm start
- IvCam installation and configuration
We use the IvCam for the customer to take real time full-body image.
Install IvCam via the link IvCam
Please configure the ivcam with the mobile phone ip address to connect for image taking.
- Introduction to create a web application with MongoDB, spring boot and ReactJS(video) Text tutorial
- React reference Overview Introduction to React
- React in VS Code(Configuring Linting extension)
- Tutorial of creating a side navigation bar
- Reference for the font icons for fontawesome library
- Reference for Animated Icons
- React Loading using
react-loader-spinner
Zhikai Hu: Frontend page, backend(other than the face/clothes changing part), database
Yee Yang Tan: 2D Clothes swapping backend
Zheyuan Jiang: 3D Clothes/Face swapping
Chenglong Xia: Face swapping
Elkin: clothes recommendation system
This repository only include the work done by Zhikai, so some of the HTTP request for the 2D virtual tryon and AI recommendation are unavailable. All the contributions in the repo are done by Zhikai according to the task distribution. The commits of the other contributor is also created by Zhikai but on its teammates computer.