Skip to content

ty-fleming/makeup-tracker

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Makeup List

Build a makeup list with postgres and the node pg module


To spin up this project:

npm install
npm install pg
npm start

If you don't already have a makeup database, create one using Postico and run the SQL from database.sql.

Weekend Challenge: JavaScript Makeup Inventory List

Create an application that manages your makeup inventory by recording makeup products and their details.

NOTE: We are expecting a minimum of 8 commits for this assignment.

Topics Covered JavaScript Selectors, appending to the DOM, and event handling HTML Forms

Assignment

The application should use the stored information in the database, and should display the entire list of products on initial page load.

The application should have a form that collects makeup product details including product name, brand, price, and date purchased. A 'Submit' button should collect the form information, store the information in the database, append the product information to the DOM, and clear the input fields.

Create a delete button for each makeup product that removes the product from the DOM. For Base mode, it does not need to remove that product's details from the stored information.

Additionally, add a feature that calculates and displays the total value of all makeup products in your inventory. If the total value exceeds a certain threshold, for example, $500, highlight the total value in red.

Wireframe / Basic Design

Wireframe

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 80.5%
  • HTML 19.5%