Skip to content

singhalex/shopping-cart

Repository files navigation

Shopping Cart

image

A project from The Odin Project.

Live Demo

Live Demo

Built with

  • React
  • CSS modules
  • Vite

Objective

The goal of this project was to put together all of my React experience into an application that uses client side routing. Using React Router and the FakeStore API, this project has multiple pages common to a webstore. There is a home page, a main page store that lists all of the items, and a cart page that displays the items that the user has added to their cart. Each item has a link to a more detailed item page that is displayed using a dynamic route based on the item's ID.

The responsive design was achieved using CSS modules and utilizes media queries to enable a mobile navigation bar at the appropriate sizes.

Screenshots

image

image

image

Development

How to install this project locally

  1. Clone the repository:
 SSH - $ git clone [email protected]:singhalex/shopping-cart.git
  1. Move to the cloned directory
  $ cd shopping-cart
  1. Install the dependencies
  $ npm i

About

A web store with a functional shopping cart built with React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published