Favorites
b/bonnytutsbycuongnhung1234

Build Advanced Blog App with React & Firebase from Scratch

Build Advanced Blog App with React & Firebase from Scratch

Published 12/2022
Created by Saumitra Vishal
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 71 Lectures ( 8h 9m ) | Size: 5.62 GB

Build and Deploy Advanced Blog App using Firebase with feature Auth, CRUD, Search, Load More, Like, Comment & Pagination

What you'll learn
Create a React project from scratch
Learn the CRUD operations including create, read, update and delete using Firebase Firestore
Create a nice image carousel using Owl Carousel package
Learn to upload image using Firebase Storage
Learn react router version 6 (latest version) to create routes and use hooks like useNavigate, useParams & useLocation
Learn how to sign up/sign-in the users using email & password with Firebase
Learn how to deploy React app on Firebase
Learn to use react toastify to create nice alert message
Learn how to use Bootstrap 5 and Sass to style React Component
Learn useEffect and useState react hooks
Use Firebase Firestore DB to store and fetch data
Work with latest versions like React JS 18 and Firebase 9
Learn to implement complex feature for ex:- Like, Comment, Pagination, Search & Load More (Lazy Loading) using Firebase Query
Learn how to make app responsive using Bootstrap 5 & Sass
Learn to protect other user data from Update & Delete

Requirements
Basic concept of HTML, CSS and JavaScript
Basic React concept like how state and props work, you don't have to be pro just very basic

Description
Hello and Welcome to this most advanced course on creating Blogging Application using technology like  React JS 18, Firebase v9, Bootstrap 5 & Sass.This course is perfect for someone who has little knowledge of HTML, CSS and JavaScript. We are not saying that you need to be master in JavaScript but the concepts like Loops and functions should be familiar to you. If you know ES6 that’s great, if not, don’t worry, ES6 is also covered in this course.In this course, we are going to implement feature like authentication user can login or register using email password with firebase, user can create blog once he logged into the app, only authorize user can create the blog, user can delete the blog and also he can update the blog. Update and delete operation only perform by those user who create their blog. Hence user can’t delete or update blog which is created by different user. So, we have also provided the protection over here. We will be using Firebase Firestore DB to store blog data. We are also going to implement Load More feature which is similar to lazy loading. You can also view the blogs based on specific Tag or Or you can also view the blog based on specific Category and we are also going to display the category count per blog. We are also going to implement Search functionality. We are going to have nice Carousel for Image on our App. On detail page, we are going to some advanced feature for example :- authorized user can Like any blog or he can post Comment on blog. And at the end, we will implement Pagination in our App with Firebase.We will be writing a lot of different Firebase Query to achieve above all functionality in our blog application. We will see how to use limit, limitToLast, orderBy, where, startAt, startAfter, endAt, endBefore and many more method in firebase query to implement all these feature in our blog application.You will build everything from scratch by enrolling into this course . We are going to start with some simple stuff and then we will move to more complex topic . As we go along side building this application , you will learn React fundamental like functional component and their reusability then react file & folder structure and you are going to learn how state & props work along with important event like onChange & onSubmit event listener. We are going to learn hooks like useState which is responsible for managing state inside our component and useEffect to handle application side effect like fetching the data from firebase/firestore. Also you are going to learn how to create route, how to use useParam, useLocation and useNavigate using latest version of react router v6. We will be using Boostrap 5 & Sass to style of our component in this project. We will be using react toastify to show alert message. And once we implement all feature we are going to deploy our blog application on firebase so that u can share with your friend, clients or you can put it on your portfolio. Note:- Course will definitely update with some new functionality in near future. Also your suggestion are welcome if you wanted me to add specific feature.

Who this course is for
React Developer who wanted to learn how firebase work with React JS and looking out for project in their portfolio

Homepage

Screenshots

Build Advanced Blog App with React & Firebase from Scratch

Welcome to My Blog - Check it Every Days
If you have any troubles with downloading, PM me
Please Buy Premium Account from my links to get high download speed and support me
Happy Learning!!

No comments have been posted yet. Please feel free to comment first!

    Load more replies

    Join the conversation!

    Log in or Sign up
    to post a comment.