Full Stack Ecommerce App With React , Redux , Firebase 2021

Build a fullstack ecommerce application with react , redux , and firebase firestore

4.00 (16 reviews)
Udemy
platform
English
language
Web Development
category
110
students
6.5 hours
content
Nov 2021
last update
$49.99
regular price

What you will learn

Buliding complex applications without backend

Firebase Firestore and Authentication

State management with Redux

Responsive and seemless UI

Description

React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development.

It provides a host of features and modules that an app developer needs, as a service thereby eliminating the need to create these from scratch.

It includes everything from a scalable database to powerful analytics libraries. Firebase is in no way a replacement for backend development activity, but it is rather a platform to help backend developers and engineers enhance the experience of the app without stressful coding and architectural planning.

Why FireBase ?

Some interesting features of using firebase:-

  • Real-time Data

  • Security Built-in

  • Email and Password authentication

  • Static File Hosting

  • Storage fostered by Google Cloud

This is one of the key elements that decides how successful a mobile app turns out to be. When consumers get to use your apps or its new features as early as possible, they turn out to be your biggest competitive advantage in extremely sensitive markets.

Content

Introduction

Promo / Githu Repo

Project Setup

React App
Routing
Layout Setup

Firebase

What is firebase
Firebase Basic Operations
Firebase Retrieve Data

Home Page Design

Home page
Product Hover Effect
Product Description page

State Management (Cart)

Redux Setup
Cart Reducer
Add To cart

Cart Screen

Cart Screen Design
Total amount
Adding loaders , success , error message

Authentication

Login , Register Design
Login Register Part-2
Login Register Part-3
Protected Routes

Orders

Place Order - 1
Place Order -2
Orders Page

Filters

Search , category filter in home page

Admin panel

Products in admin panel
Add/Edit Product - 1
Add/Edit Product - 2
Delete Product
Orders List in Admin panel

Bug Fixes and Deployments

Bug Fixes
Deploy to Netlify

Bonus Lectures

Todo List Part-1
Todo List Part-2
Animations in React

Screenshots

Full Stack Ecommerce App With React , Redux , Firebase 2021 - Screenshot_01Full Stack Ecommerce App With React , Redux , Firebase 2021 - Screenshot_02Full Stack Ecommerce App With React , Redux , Firebase 2021 - Screenshot_03Full Stack Ecommerce App With React , Redux , Firebase 2021 - Screenshot_04

Reviews

Becky
July 24, 2023
During the course he confuses himself a lot and his code is bit messy. Also he should explain Redux more and he speaks gibberish sometimes.

Charts

Price

Full Stack Ecommerce App With React , Redux , Firebase 2021 - Price chart

Rating

Full Stack Ecommerce App With React , Redux , Firebase 2021 - Ratings chart

Enrollment distribution

Full Stack Ecommerce App With React , Redux , Firebase 2021 - Distribution chart
4412672
udemy ID
11/24/2021
course created date
12/26/2021
course indexed date
wagdi
course submited by