Index

• Title
• Demo
• Features
• Hosting
• Motivation
• Remarks
• Tech Stack / Dependencies
• Run locally
• Authors

E-shop demo

This is a single page e-shop built on top of the Fake Store API using Create React App.

The e-shop is not a full fledged store, this demo focuses on typical cart and favorites components.

Demo

E-shop demo

Features

• Light/dark mode toggle (cached)
• Add items to cart / favorites (cached)
• Category slider
• Responsive design (grid, flexbox)

Hosting

This web app is hosted on Github Pages

Motivation

I made this demo to have hands-on practical experience with React state management, React Router, using hooks and custom hooks, context API and data fetching.

Remarks

/checkout, /favorites, /contact and /product/:id routes are not yet finished.

Tech Stack / Dependencies

• React
• React Router
• Sass

Run Locally

Clone the project

  git clone https://github.com/SamyZog/e-shop-demo

Go to the project directory

  cd e-shop-demo

Install dependencies

  npm install

Start the server

  npm start

Authors

• @SamyZog