MERN eCommerce from Scratch Course project

This is a full working project for the Mern eCommerce From Scratch course by Brad Traversy. The project follows the developement of building a full stack eCommerce site with MERN technologies (MongoDb, Express, React, Nodejs)

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

E-Commerce Product site

Users should be able to:

• Create an account and sign-in and store user details in Mongo database.
• Give users ability to edit user profile such as changing their password.
• Add individual items to cart.
• Leave reviews for individual products.
• Remove items from cart.
• View all checkout items and total cost of cart on checkout page
• Place orders and have order history stored in Mongobd.
• Let signed in users view order history and the status of past orders. (i.e. paid or delivered)
• Check-out using credit card or paypal serverless function (Both types are powered by paypal).
• Sign-in as an admin to go to the admin protected routes. This is accessed by manually going to '/login' route.
• From admin page, be able to update other users to admin status, edit or delete users.
• Ability to add new products to store for admin users.

Screenshot

Links

• Full Project Code: Github-rep
• Live Site URL: Live-Link

My process

Built with

• React - JS library
• React-Bootstrap
• MongoDB
• Express
• Nodejs
• Postman
• Redux (This is using legacy redux)
• CSS Grid
• Flexbox
• SEO optimization

What I learned

• MERN Full stack application technologies This was the first full stack application that I have built. I learned how to build the front and backend of a full stack app and how those two sides interact. Gained a great understanding of how to build data models for NoSQL Mongo databases and how to perform CRUD operations by interacting with the client side interface. Learned how to build a Node Express server and how to create different routes on the server side (protected and public) and how to test those routes with Postman during development. This also included working with JWT's for user authorization and authentication.

Continued development

I have really enjoyed learning how to build full stack apps and this project has led me to building other full stack apps using what I learned here. It has really expanded my understading of how different technologies interlink and the current state of the internet today. From here I would like to continue building full stack apps and apply new things that I am currently learning such as Typescript and next.js. I would also like to better understand app security and how to use server-side code to double check things like prices when an order is submitted on an eCommerce site.

Useful resources

Great place to start with Postman

Author

• Github - J.D. Browne
• Frontend Mentor - @PeshwariNaan

Acknowledgments

My thanks to Brad Traversy. His straight forward manner of teaching has helped me grow in on my web development journey.