Full Stack Ecommerce App With React , Redux , Firebase 2021

Full Stack Ecommerce App With React , Redux , Firebase 2021
Full Stack Ecommerce App With React , Redux , Firebase 2021

Full Stack Ecommerce App With React , Redux , Firebase 2021

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

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.

What you’ll learn?
  • Buliding complex applications without backend
  • Firebase Firestore and Authentication
  • State management with Redux
  • Responsive and seemless UI
Requirements:
  • Javascript Basics
  • React Basics
Course content
1. Introduction
—————
2. Project Setup
1. React App
—————
2. Routing
—————
3. Layout Setup
—————
3. Firebase
1. What is firebase
—————
2. Firebase Basic Operations
—————
3. Firebase Retrieve Data
—————
4. Home Page Design
1. Home page
—————
2. Product Hover Effect
—————
3. Product Description page
—————
5. State Management (Cart)
1. Redux Setup
—————
2. Cart Reducer
—————
3. Add To cart
—————
6. Cart Screen
1. Cart Screen Design
—————
2. Total amount
—————
3. Adding loaders , success , error message
—————
7. Authentication
1. Login , Register Design
—————
2. Login Register Part-2
—————
3. Login Register Part-3
—————
4. Protected Routes
—————
8. Orders
1. Place Order – 1
—————
2. Place Order -2
—————
3. Orders Page
—————
9. Filters
1. Search , category filter in home page
—————
10. Admin panel
1. Products in admin panel
—————
2. AddEdit Product – 1
—————
3. AddEdit Product – 2
—————
4. Delete Product
—————
5. Orders List in Admin panel
—————
11. Bug Fixes and Deployments
1. Bug Fixes
—————
2. Deploy to Netlify
—————
12. Bonus Lectures
1. Todo List Part-1
—————
2. Todo List Part-2
—————
3. Animations in React
Source: https://www.udemy.com/course/full-stack-ecommerce-app-with-react-redux-firebase-2021/