Shopping Website

This is a React.js app with Express.js backend.

It is deployed here on Vercel: https://shopping-website-raheem81kg.vercel.app/

This project was bootstrapped with Create React App.

To start the Express.js backend, cd to the api directory of this app and run npm install then node index.js .

Then cd to the top directory of this app, and run npm install then npm start. This will start the React.js frontend.

Features

• Mobile responsive
• Stripe checkout (dummy card info - 42424242...)
• Add and remove products from the shopping cart
• Clean user interface with smooth animations using Framer Motion
• Filter products by categories
• Google sign in

JavaScript

TypeScript

React

Redux

Node.js

Express

Firebase

Git

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Screenshots

Home Page

Catalog Page

Product Page

Cart

Search

Checkout