https://github.com/nguyenda18/mern-shop

ECommerce Site built to learn Next.js. MongoDB used as backend, Semantic UI styling, Cypress E2E testing.
https://github.com/nguyenda18/mern-shop

ecommerce-website mern-stack nextjs semantic-ui

Last synced: about 2 months ago
JSON representation

ECommerce Site built to learn Next.js. MongoDB used as backend, Semantic UI styling, Cypress E2E testing.

• Host: GitHub
• URL: https://github.com/nguyenda18/mern-shop
• Owner: NguyenDa18
• Created: 2019-10-11T06:14:17.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T11:46:40.000Z (almost 2 years ago)
• Last Synced: 2023-05-01T02:37:57.280Z (over 1 year ago)
• Topics: ecommerce-website, mern-stack, nextjs, semantic-ui
• Language: JavaScript
• Homepage: https://mern-shop-demo.vercel.app
• Size: 1.35 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## MERN Shop

### Based on MERN Stack - The Complete Guide course by Reed Barger

## Test on Live Site:

- Create an account (email and password).

- Add items to your cart.

- Checkout: use one of Stripe's available [Test card numbers](https://stripe.com/docs/testing#cards), go through checkout process and you will see your purchase as a new order in your account.

## Initial Steps

- Run `npm i` or `yarn` to install dependencies

- Add variables to next.config.js (create new one based on next.config_default.js)

    - Create Cloudinary account and use Upload api endpoint: `https://api.cloudinary.com/v1_1//image,raw,auto/upload`

    - Add MongoDB Cloud Atlas connection string

- Run `npm run dev`

## Run E2E Tests

- Run `npm run cypress` to start Cypress UI and view user story tests

## Details

- Users sign up/login and are given a JWT token that is stored in their cookies

- Token checked for specific role privileges

- A quantity of items can be selected and added to cart

- Checkout done with Stripe API, orders stored in MongoDB

- Users can view their past order details in Account page

### Given Roles

- User : given cart and checkout products

- Admin : user privileges + modify products

- Root : all admin privileges + power to choose admins (Have access to AccountPermissions)

## Technologies

- NEXT.js

- React

- MongoDB & Mongoose ORM

- Cloudinary API

- Stripe API