🛒 Shopping App 🛒

Live Demo

Created With:

• Javascript
• React
• React Redux
• Bootstrap
• MongoDB
• Node.js
• FontAwesome

Features

This app is an e-commerce site where users can purchase two types of clothing items. Additionally, users that are authenticated as Admins can update the database of products.

Register and Login System

• Users can be Customers or Admin.
• Admin can edit, add, and delete products from database.

User Experience

• Customers can view all products or filter by category.
• Customers can add an item to the cart from the storefront or from the product detail page.
• The cart contents can be viewed from the dropdown navbar. From here a user can delete items, view subtotal, and go to checkout.
• Cart product quantity can be set when adding item to the cart and updated in the cart screen.
• Upon checkout the customer will be directed to the Stripe checkout page.

Technology Utilized

Backend

• Node.js
• Express
• Mongoose
• Json Web Token (For authentication)

Frontend

• React
• Redux (Manage app state)
• React-router (To handle routing)
• Axios (For http requests)
• React Bootstrap

Planned Improvements

• Allow admin accounts to create admin accounts.
• Add product rating system.
• Access order detail from Stripe.
• Add features to customer accounts.