This is a mock-up of a tool that could be used by a DIY store to help customers decide on the best paint color to buy.
Customers can upload a photo of their room and select different colors to try out on their walls.
To run the app:
-
Clone or fork this GitHub repo.
-
In src/config/cloudinary.ts, replace MY_CLOUD_NAME with your Cloudinary product environment cloud name. You can find your Cloud name near the top of the Dashboard of the Cloudinary Console. Sign up for free if you don't yet have a Cloudinary account.
-
Create an unsigned upload preset called try-before-buy. (You can use a different name, but if you do, you also need update the
uploadPreset
value in cloudinary.ts.) -
Run the development server:
npm i
then
npm run dev