Skip to main content
  1. All Posts/

mernstack-jewelry-ecommerce

eCommerce CSS

Jewelry Ecommerce MERN Stack App

Live Demo

https://ssjewelry.shanruan.io/

Description:

S&S Jewelry is a fully functional SPA shopping website with a unique AR try-on feature. Users are able to try the jewelry on mobile through Instagram effects. Together with the overall design of the website, it provides a nice purchasing experience. This website is hosted on Heroku with all function enabled, including branding, product listing & filtering, shopping cart editing and final payment.

Technical Sheet

  • React: State & Lifecycle, Context (Provider, Consumer), React Icon, Hook (State, Effect), Event Handler, Conditional Rendering, Lists & Keys, Forms, Lifting State Up, Composition, Higher-Order Components, Router DOM, Fragments, etc.
  • HTML/CSS: Structure and Layout Design
  • Bootstrap: Layout & Responsive Design
  • jQuery: Navigation Bar Function, Product Images Display Animation
  • NodeJS/Express: Routes Management, Server Requests Listening & Handling, etc.
  • MongoDB/Mongoose: Database Creation & Connection
  • Bcrypt: User Passwords Hashing
  • Contentful: Content Management & Data Retrieve
  • Stripe: Payment Management
  • SparkAR: AR Try-on Module
  • Heroku/AWS: Website & Domain Hosting