Skip to content

jamesspearsv/shopping-cart-project

Repository files navigation

Shopping Cart Project

This is my implementation of the shopping cart project from the Odin Project's React course. This project has been completed according to the project requirements. But below are several areas that I could continue with this project.

Areas to contine

  • Prop validation
  • General code commenting.
  • Extending mobile compatability
  • Adding an item details view
  • Building a dedicated cart page

Built Using

  • React
    • React Router
    • prop-types
  • CSS Modules

To-Do

This area is how I kept track of my project tasks. Items tht are stuckthrough were abandoned but could be implemented later.

Planning & Design

  • Style Guide
    • Color
    • Type
    • Spacing
  • Design Files
    • Nav
    • ItemCards
    • CartPreview
    • Store filters
    • ItemDetails
    • Store Page
    • Home Page
    • Cart Page

Logic

  • Shopping Cart
    • View items in cart
    • Add items to cart
    • Change quantity of item when in cart
    • Remove items from cart
    • Store cart in local storage
  • FakeStoreAPI Module
    • Retrieve items from API
    • Parse items from API
  • Store Filters
    • Filter and limit items in store by category

Pages / Routes

  • Home
  • Store
  • Cart

Components

  • ItemCard
    • InStore -- should include, price, add to cart button
    • InCart -- should display selected quantity in cart, buttons to increase of decrease quantity in cart
  • NavBar
  • CartPreview
  • ItemDetails -- dialog box that should show item description, cost, category, and logic to select quantity and add to cart

About

Solution to the shopping cart project from The Odin Project's React course.

Resources

Stars

Watchers

Forks