Build Advanced Blog App with React & Firebase from Scratch

سرفصل های دوره

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

1. Introduction

1. Introduction

2. Environment Set-Up

2. Project Set-Up

1. Set-up React project and installing packages

2. Folder & File Structure

3. Generating Code snippet in file

4. Configure Bootstrap and Toastify

5. Routing in App

6. Working on Header

7. Active styling on Header

3. Firebase Set-Up

1. Firebase Config

2. Config Image Upload

4. Firebase Email Authentication

1. Sign-In Form

2. Sign-Up Form

3. Email Sign-Up with Firebase

4. Email Sign-In with Firebase

5. Persist User

6. Logout

5. Creating Blog with Firestore

1. Working on Blog Form

2. Testing Image Upload

3. Creating Blog

4. Protecting Route

6. Homepage and Blog Detail Page

1. Card Component

2. Listing Blogs on Homepage

3. Blog Detail Page

4. Spinner

7. Update and Delete with Firestore

1. Delete Blog

2. Populate Blog data on Form

3. Update Blog

8. Tags, Most Popular & Trending Section

1. Tags Section

2. Most Popular Section

3. Using owl carousel to show Trending section

4. Fixing Trending section issue

5. Not Found and About Page

9. Initial App Deployment

1. App Responsive

2. Fixing App Issue

3. Initial Deployment

10. Blog Search

1. Search Input field

2. Writing Search query to fetch blog

3. Combine search with multiple field

4. Fixing Search Issue

11. Implement Load More (Lazy Loading) feature

1. Enable load more to fetch blog

2. Hide Load More for blog not found

3. Disable Load more when search performed

12. Tag and Category Page

1. Modify Blog Section component

2. Create Tag page

3. Get count based on Category

4. Add Category section on Homepage

5. Add Category page

6. Scroll to Top feature

13. Related Blog, Like & Comment feature

1. Create Card component for Related blog

2. Query to fetch Related Blog

3. Display Related Blog

4. Show Tag for particular blog

5. Add field in Firestore DB and React App

6. Working on User comment component

7. Add Comment box

8. Post comment using Firebase Query

9. Working on Like Component

10. Fixing Like icon

11. Like Blog using Firebase Query

12. Fixing Tooltip

13. Replace Most Popular with Recent Blog section

14. Add Vertical bar Scroll on Comment box and Spinner on Detail Page

15. Show Like and Comment count on Related Blog Card

14. Firebase Pagination

1. Set-up Pagination in App

2. Pagination Component

3. Writing Firebase Pagination Query

4. Testing and Fix Pagination issue

15. Deployment

1. Fixing Minor Bug in App

2. Fix Delete blog and limit blog on Most Popular section

3. Re-Deploy App on Firebase

53,700 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training