/sslcommerz-mern-example

A MERN (MongoDB, ExpressJs, ReactJs, NodeJs) stack app for test Bangladesh's sslcommerz payment gateway with the checkout page.

Primary LanguageJavaScript

A MERN (MongoDB, ExpressJs, ReactJs, NodeJs) stack app for test Bangladesh's sslcommerz payment gateway with the checkout page.

NPM package

https://www.npmjs.com/package/ssl-commerz-node

SSLCommerz Sandbox account for test.

To get store id and password, please register here for sandbox account: https://developer.sslcommerz.com/registration

A simple ReactJs site

  • Multi step Form
  • Routing
  • SSLCommerz payment gateway
  • Optimization tricks (lazy, webpackPrefetch, EagerLoad, etc.)
  • Airbnb guide followed
  • MVC pattern for server side
  • Frontend Hosted on Netlify
  • Backend Hosted on Heroku

Tech/framework used

  • ReactJs
  • NodeJs
  • ExpressJs
  • MongoDB (Mongoose)
  • SSLCommerz
  • HTML
  • SCSS
  • ES6
  • Netlify Hosting
  • Heroku Hosting

Deployment

This website is deployed on Netlify. Click here to visit.
You can also go directly this link: https://sslcommerz.netlify.app

Screenshots

Some screenshots of live demo

Home Page

HomePage

Checkout Page Step 1

CheckoutPage

Checkout Page Step 2

CheckoutPage

Checkout Page Step 3

CheckoutPage

Payment Page Step 1

CheckoutPage

Payment Page Step 2

CheckoutPage

Payment success notification (Will show if you click success on Payment Page 2)

CheckoutPage

About Page

AboutPage