Skip to content

A sample app to let a user try out a paint color on a photo of their room before they buy a paint

Notifications You must be signed in to change notification settings

cloudinary-devs/try-before-buy

Repository files navigation

Try before you buy sample app

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.

Run the app

To run the app:

  1. Clone or fork this GitHub repo.

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

  3. 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.)

  4. Run the development server:

    npm i
    

    then

    npm run dev
    

About

A sample app to let a user try out a paint color on a photo of their room before they buy a paint

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published