Udemy

Platform

English

Language

Web Development

Category

MERN Stack : React ,Redux ,Node ,Mongo - Pizza Delivery App

Build a Complete MERN Pizza Delivery application from scratch with React , Node , Express

4.57 (25 reviews)

Students

10.5 hours

Content

May 2021

Last Update
Regular Price

SKILLSHARE
SkillShare
Unlimited access to 30 000 Premium SkillShare courses
30-DAY FREE TRIAL

What you will learn

Advanced Topics in React

Redux

Redux Thunk

Performing Asynchronus operations with redux-thunk

Managing State with Redux

Cart Functionality

Common Payment Gateway Integration

User Authentication

Filtering Items in Redux State

Deploying Application to HEROKU


Description

This is a Full Stack (MERN) Pizza Delivery Application developed using React and React for Front End , Redux-Thunk for Asynchronous operations,

Node JS for Runtime environment , Express JS for Backend Routing and Mongo DB for Database

In this course we will implement the following features in the Pizza Delivery Application.

  • Working with Redux and Redux-Thunk

  • Add to cart Feature

  • Update Quantity in cart

  • Delete Products from cart

  • User Authentication

  • Common Payment Gateway Integration

  • Paying amount with stripe

  • Placing Orders

  • Store orders in database

  • Retrieve Orders to user profile

  • User Dashboard

  • Admin Dashboard

  • Manage Users , Products , Orders in Admin Panel

  • Protected routes for admin panel

  • Pushing Application to GITHUB.

  • Version Control using GIT

  • By the end of the courses you will know how to work with redux states ,reducers, Middelwares including the payment gateway.

  • 24/7 Q/A Support.

MERN is one of several variations of the MEAN stack (MongoDB Express Angular Node), where the traditional Angular.js frontend framework is replaced with React.js. Other variants include MEVN (MongoDB, Express, Vue, Node), and really any frontend JavaScript framework can work.

Express and Node make up the middle (application) tier. Express.js is a server-side web framework, and Node.js the popular and powerful JavaScript server platform. Regardless of which variant you choose, ME(RVA)N is the ideal approach to working with JavaScript and JSON, all the way through.


Screenshots

MERN Stack : React ,Redux ,Node ,Mongo - Pizza Delivery App
MERN Stack : React ,Redux ,Node ,Mongo - Pizza Delivery App
MERN Stack : React ,Redux ,Node ,Mongo - Pizza Delivery App
MERN Stack : React ,Redux ,Node ,Mongo - Pizza Delivery App

Content

Front End / React Setup

Promo

React Setup

Navbar

Working with static data - part1

Working with static data - part2

Pizza Description Modal

Backend / Node Setup

Node + Express Sever Setup

Mongo DB Connection

Adding static JSON data in Mongo DB

Pizza Model

Working with Redux , Actions , Reducers , Store

Setup Actions and Reducers

Setup Redux Store

Get all pizzas - Backend

Bring State to Homepage

Cart Functionality

Adding Pizzas to Cart

Cart screen design

Updating Pizza Quantity

Delete From Cart

Calculate Sub Total

User Authentication

Register Screen Design

User Registration Actions and Reducers

Creating User Model

User Registration Backend

User Login

Success , Error , Loading components

Payment Gateway Integration - Stripe

Payment Demo

Stripe - Front End

Stripe - Actions and Reducers

Stripe Backend

Working with Orders

Order Model

Save Orders in Database

Get user orders

Orders screen

Filtering Pizzas

Filter Component Design

Filter Component Logic

Admin Panel

Admin Screen Demo

Admin Screen Design

Pizzas List Screen

Add Pizza Screen Design

Add Pizza Logic

Update Pizza - Actions and Reducers

Update Pizza - FrontEnd Logic

Update Pizza - Backend Logic

Delete Pizza

Orders List

Deliver Order

Users List

Deployment

Final CSS

Pushing To Github

Pushing To HEROKU


Reviews

A
Amulya8 July 2021

I really appreciate the trainer for taking through each and every concept with diligence and making it easy for us. Thank You!. Keep it coming with more tutorials.

T
Thierry18 June 2021

The course was exactly as advertised. All the functionalities were implemented. Next time, I hope the instructor explains more what he is doing!. Great course

O
Oscar30 April 2021

Hi! With real-time order tracking, this course is the best on Udemy. Thanks for the content and keep creating more courses with real world projects! ??


3992842

Udemy ID

4/19/2021

Course created date

4/23/2021

Course Indexed date
Bot
Course Submitted by