Website
Demo emails
Email: o@o
Password: o
Deployed API
GitHub API
The goal of the Simple Online Store is to give your users the capability of selecting a product to purchase, viewing purchase information, adding it to an online shopping cart, and finally, actually purchasing the products in the shopping cart.
User can register for the application by entering my email, password, and confirming my password
User can sign in to my application by entering my email and password.
User can reset my password after I login.
User will get feedback after each action's success or failure.
User can click on a ‘View Products’ button on the Landing Page to display the Products Page.
User can see a card on the Products Page for each Product showing the product thumbnail, name, price, a short description, and a ‘Select’ button.
User can see a confirmation message when the product is added to the shopping cart.
User can click on the ‘See More Products’ page to return to the Products Page.
User can see a ‘Shopping Cart’ button on both the Landing Page or the Products Page. Hint: a top bar might be a good common location for this button.
User can click on the ‘Shopping Cart’ button to display the Shopping Cart page containing the product id, name, price, and quantity ordered input box for each product previously added to the Shopping Cart.
User can see a total purchase amount on the Shopping Card that is calculated as the sum of the quantities multiplied by the unit price for each product ordered.
User can adjust the quantity ordered for any product to adjust the total purchase amount.
User can click a ‘Place Order’ button on the Shopping Cart Page to complete the order. User will see a confirmation number when the order has been placed.
User can click a ‘Cancel Order’ button on the Shopping Cart Page to cancel the order. User will see the product quantities and the total purchase amount reset to zero.
User can click a ‘See More Products’ button on the Shopping Cart Page to return to the Products Page. If the order hasn’t been placed yet this will not clear the products that have already been added to the Products Page.
React
Ruby on Rails
CSS
Bootstrap
SQL \
Add Shopping Cart