/shopping-cart

A fake e-commerce store, built using React and React Router in a TDD approach.

Primary LanguageJavaScript

Shopping Cart

A fake e-commerce store, built using React and React Router in a Test-Driven-Development approach.

Features

  • Users can view a list of products
  • Users can view a list of products of a specified category
  • Users can view a single product in more detail
  • Users can add a product to their cart
  • Users can view their cart summary

Technologies Used

Development

  • React
  • React Router: client-side routing
  • CSS Modules: locally scoped CSS rules
  • Vite: build tool

Testing

  • Vitest: testing framework
  • React Testing Library: testing utilities
  • Eslint: linter
  • Prettier: code formatter
  • Husky & lint-staged: git commit hooks

Deployment

  • Vercel
  • GitHub Pages

Getting Started

  1. Clone the repo
git clone git@github.com:ahmeducf/shopping-cart.git
  1. Navigate to the project directory
cd shopping-cart
  1. Install dependencies
npm install
  1. Start the development server
npm run dev

The app should be running on http://localhost:5173/.

To run the tests, run the following command:

npm run test