Requirements
-
You should know modern JS fundamentals and the basics of React
Description
This is a single-project course, meaning that we spend almost 13 hours building an eCommerce shop using the MERN stack along with Redux Toolkit. We start from absolute scratch with an empty folder. You will learn everything from setting up a server, modeling data, creating a MongoDB database, seeding data, creating the UI, managing state with Redux, authentication with JWT and much much more.
The ProShop platform that we will be building will include the following features:
- Full-featured shopping cart with quantity
- Product reviews and ratings
- Top products carousel
- Product pagination
- Product search feature
- User profile with orders
- Admin product management
- Admin user management
- Admin Order details page
- Mark orders as delivered option
- Checkout process (shipping, payment method, etc)
- PayPal / credit card integration
- Custom database seeder script
This is not a documentation-type course. This is a “jump in and get your hands dirty” course where by the end, you have an actual real-world project to use and put on your portfolio. You will learn the following by completing this course..
- React with functional components & hooks
- React router
- React-Bootstrap UI library
- How to structure components
- Component level state & props
- Managing global state with Redux (Actions & Reducers)
- Using Redux state in components (useDispatch & useSelector)
- Creating an extensive back end with Express
- Working with a MongoDB database and the Mongoose ODM
- JWT authentication (JSON web tokens) with HTTP-Only cookie
- Creating custom authentication middleware
- Custom error handler
- Integrating the PayPal API
- Environment variables
- Project deployment
- Much more!
Who this course is for:
- Full stack web developers that want to learn MERN by building a real-world app
Course Features
- Lecture 1
- Quiz 0
- Duration 10 weeks
- Skill level All levels
- Language English
- Students 0
- Assessments Yes