Custom label

Wear your Words! Show your Colors! Share your Style!

Table of Contents

• About
• Demo Video
• Getting Started
• Features
• Future Features
• Technologies
• Contact

About

Custom Label is a simple product design web app simulation which allows a user to select from a list of products and add customizations to the product. Users can currently change the color of the product and add text to appear on the product.

Demo Video

https://www.loom.com/share/814288606e2e48dab9352318bc08d9cf

Getting Started

1. Go to https://github.com/jason1110/custom_designers_backend, fork and clone the repository
2. Follow the setup instructions in the custom_designers_backend README
3. fork and clone this repo
4. in the terminal, run the command: lite-server

Features

• Select products to create a custom product
• change the color, and add text to the product using HTML5 canvas

Future Features

• Custom Label has backend capability to create users and allow them to login, however the feature has not yet been added to the front-end webpage
• A user will be able to save their creation and see it in thier profile once they are logged in.

Tech

• Node JS with the following dependencies:
  • "bcrypt": "^5.0.0",
  • "cors": "^2.8.5",
  • "express": "^4.17.1",
  • "jsonwebtoken": "^8.5.1",
  • "knex": "^0.21.12",
  • "nodemon": "^2.0.6",
  • "objection": "^2.2.3",
  • "pg": "^8.4.2"

Contact

Created by Jason Easterly