ChristopherDalziel / mern-marketplace

Marketplace App "The Rock Shop" - [MERN, NextJS, Semantic-UI]

Home Page:https://the-rock-shop.now.sh

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The Rock Shop (Mineral Exchange 3.0)

About the project

I took only this as a little project to help me learn the MERN stack in the holidays (Which leaked slightly into my third semester at Coder Academy(MELB).
It wasn't easy, but it was rewarding to get a better understanding of the stack and what it can do, as well as a further understanding of packages/other resources such as Semantic-Ui, Stripe, Mongo ATLAS as well as the benefits of using NextJS to handle the routing, as well as the shortfalls.
Although the webpage is hosted now, I have continued to run into issues that I don't run into locally, I hope with more experience within the stack I'll continue to be able to develop and improve.
I think I achieved the purpose of creating this, and it's cool to stand back and see the differences between how this functions verse my Ruby on Rails application.

Screenshots

Homepage

alt text

Product Item Page

alt text

Cart Page

alt text

Payment Page

alt text

Order History Section

alt text

Root User Options

alt text

Stack

  • MongoDB
  • ExpressJS
  • ReactJS
  • NodeJS

Tech

  • MongoDB Atlas
  • Semantic-UI (React)
  • NextJS
  • JMT / Cookie creation
  • CLOUDINARY (Image Hosting)
  • Stripe (Payment System)

Links

Deployed
GitHub

Run local

npm run dev

Push to now producation

now --prod

About

Marketplace App "The Rock Shop" - [MERN, NextJS, Semantic-UI]

https://the-rock-shop.now.sh


Languages

Language:JavaScript 97.3%Language:CSS 2.7%