Project
Roulette

Simple Online Store

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…

IntermediateWeb appE-commerce8–22hAI-buildable 5/5no setupworth shipping

In the Product Landing Page project you implemented a landing page to provide your users with information about a product and to hopefully increase your sites conversion rate. 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. ### Constraints - Starting out you may implement your product inventory as an array of Javascript objects if you are developing in Javascript. For other languages feel free to…

UI
Logic
Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 12

  • User can click on a View Products button on the Landing Page to
  • User can see a card on the Products Page for each
  • User can see a Product Details page displayed when the Select button
  • User can see a confirmation message when the product is added to the
  • User can click on the See More Products page to return to the
  • User can see a Shopping Cart button on both the Landing
  • User can click on the Shopping Cart button to display the Shopping
  • User can see a total purchase amount on the Shopping Card that is
  • User can adjust the quantity ordered for any product to adjust the
  • User can click a Place Order button on the Shopping Cart Page to
  • User can click a Cancel Order button on the Shopping Cart Page to
  • User can click a See More Products button on the Shopping Cart Page

Once it works

  • User can see an error message if the quantity ordered exceeds the
  • User can specify a bill to and ship to address when the order is
  • User can see shipping charges added to the total purchase amount
  • User can see sales taxes added to the total purchase amount
  • Developer will implement the product inventory in an external file or

Suggested stack

reacttypescripttailwind

Track it