DevShop a Mern Ecommerce App MongoDB Submission

basudev

Basudev

Posted on January 12, 2022

DevShop a Mern Ecommerce App MongoDB Submission

Overview of My Submission

Image description

I Have Built an Ecommerce Store using MERN Stack with some basic Functionalities with Login Logout features, and Stripe Payment Gateway
This is Mobile Responsive Too
You can Login Register and make a payment

For Payments use test cards of Stripe

eg: 424242424242...,
Month: any month,
Year: Any Further Year,
CVV: any

Here is the Link to the demo app
demo

Frontend: Hosted On Netlify
Backend: Hosted on Heroku

Submission Category:

E-Commerce

Link to Code

Frontend

GitHub logo Basudev1 / ecom-frontend

Frontend for ecommerce app Built With React js

Getting Started with Create React App

frontend

This is a part of the Full Stack MERN app created for Mongodb Hackathon

This Project Contains the Frontend for the app, The Backend Can be Found Here Backend Ecom

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready…

Backend

GitHub logo Basudev1 / ecom-backend

Backend for ecommerce app Built With MERN Stack

Backend for MERN stack Ecommerce App Built on Top of Node Js, Express, Mongodb

This Project Contains the Backend for the MERN Stack Ecommerce App, Built for dev.to Mongodb Hackathon

This Proceject Requires Environment Variables

  • It has Stripe Payment
  • Mongodb URI
  • JWT Secret Token



Admin Panel

Getting Started with Create React App

This is the part of MERN full stack Ecommerce App

This project contains the Admin Panel for the App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

yarn

…

Additional Resources / Info

Used React JS for Frontend
Mongodb, Nodejs and Express for Backend

πŸ’– πŸ’ͺ πŸ™… 🚩
basudev
Basudev

Posted on January 12, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

MongoDB Atlas Hackathon 2022 on DEV
atlashackathon22 MongoDB Atlas Hackathon 2022 on DEV

December 8, 2022

MongoDB Atlas Hackathon 2022 Winners, Announced!
atlashackathon22 MongoDB Atlas Hackathon 2022 Winners, Announced!

December 22, 2022

Varmomapo - MongoDB Atlas Hackathon 2022 on DEV
atlashackathon22 Varmomapo - MongoDB Atlas Hackathon 2022 on DEV

December 7, 2022

Codify - MongoDB Atlas Hackathon 2022 on DEV
atlashackathon22 Codify - MongoDB Atlas Hackathon 2022 on DEV

December 8, 2022