Welcome to Shopping Cart 👋 🛒

A clean designed shopping cart application.

This is a solution to the Shopping Cart challenge of the Odin Project.

🏠 Demo link

Table of contents

• Overview
  • The challenge
  • Screenshot
• Features
  • Smooth animations
  • Navigate between categories
  • Favorite items
  • Mobile support
• Process
  • Built with
  • Features to be implemented
• Author
• Acknowledgments
• Install
• Usage
• Run tests

Overview

The challenge

Users should be able to:

• Navigate between different pages
• See the number of items in the cart
• See individual pages for each item
• Increment or decrement items on the cart
• See the total price of the purchase

Screenshot

Features

Smooth animations

Navigate between categories

Favorite items

Mobile support

Process

Built with

• React - JS library
• React Hooks
• React Router
• Semantic HTML5 markup
• CSS custom properties
• CSS Grid
• Mobile-first workflow

Features to be implemented

• Number of favorited items on heart icon
• Search bar

Author

👤 Luca Fischer

• Github: @lucafisc

Acknowledgments

• Data fetched from the Makeup API
• Fonts used are Picnic by Velvetyne and Karla by Google
• Home image by Curology on Unsplash

Install

npm install

Usage

npm run start

Run tests

npm run test