Build & Deploy React Responsive Blog with Firestore | CRUD, Auth, Pagination, Like, Search & Comment
Hi everyone, in this video we are going to build and deploy Responsive Blog using React and Firestore. In this blog app, we will be implementing lot of functionality like email authentication , CRUD feature, Pagination, Like, Search, Comment and many more feature. Once we done with all feature then we will deploy our project on Firebase. Git-hub repo :- https://github.com/trickjsprogram/fir... Time Stamp:- 00:00 Introduction 00:05:00 Project Set-up 00:12:55 Routing in App 00:17:00 Working on Header 00:32:00 Firebase set-up 00:39:14 Sign-in/Sign-up form 00:56:22 Email sign-in/sign-up with firebase 01:06:20 Persist login user 01:10:48 Working on Logout 01:14:18 Working on Blog form and Testing image upload 01:39:30 Create Blog with Firebase Query 01:51:40 Protect route 01:53:36 Homepage and Blog Detail Page 02:29:00 Update and Delete Blog with Firebase Query 02:49:00 Tag and Most popular section 03:02:33 Owl carousel to show trending section 03:20:30 Not Found & About 03:23:40 Initial App Deployment 03:43:00 Blog Search with Firebase Query 04:21:00 Lazy loading with Firebase Query 04:41:00 Working blog section and Tag page 05:01:00 Working on category 05:17:33 scroll to top Feature 05:24:28 Working on Related blog section 05:48:20 Show tag for blog 05:50:30 Add field in Firebase and React App 05:52:40 Working on Comment with Firebase Query 06:20:40 Working on Like 06:39:00 Like blog using Firebase query 06:46:00 Fixing Tooltip 06:52:00 Recent blog section change 07:00:00 Add scroll bar on comment & spinner on detail page 07:04:00 Show like and comment count on Related Blog card 07:09:00 Working on Pagination with Firebase Query 07:43:54 Deployment Please subscribe this channel as well to learn about android. Android Channel Link :- / @codingwan8794 My Social Media Link Facebook Page:- / kodewithvishal Instagram:- / code_withvishal You can also support me through this way as well :- https://www.buymeacoffee.com/CodeWith... or https://ko-fi.com/codewithvishal Please subscribe this channel for more awesome video on React & Redux Concept

Build an AI Browser Workflow Builder | Agentic Coding

🔴 React JS course for beginners 2024, Medium Blog clone using React JS, Tailwind css, Firebase.

Build a Finance SaaS Platform With Nextjs, React, Honojs with CSV Upload (2024)

Python FastAPI Tutorial: Full Course for Beginners - Build a Full-Stack Web App

Build Ecommerce Application In React & Modern Stacks with AI Agent - 2026

Build a Fullstack Food Ordering App with Next.js 14 (react.js, mongo, tailwind)

Build and Deploy a Banking App with Finance Management Dashboard Using Next.js 14

Uninterrupted Deep Work Mix ~ Immersive Productivity Soundscape ~ Neural Focus Study Music

ReactJS Full Course 2026 | Build and Deploy a Beginner Ecommerce Website using React

System Design Explained: APIs, Databases, Caching, CDNs, Load Balancing & Production Infra

Build a LinkedIn Clone with React and Firebase – Tutorial

NextJS 15 Full Course 2025 | Become a NextJS Pro in 1.5 Hours

MERN Stack Project: Build a Modern Real Estate Marketplace with react MERN (jwt, redux toolkit)

Smoke Mood - Just Relax | Chill House & Deep House Mix 🎧 Chill / Night Vibes Vol 6 / Stress Relief

Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023)

CSS Full Course Tutorial for Beginners - Learn EVERYTHING You Need to Know in Detail 🔍

React js & Firebase project - Realtor Clone PART 1

Hyper Focus Mode | Concentration Music Productivity | Work Focus Background | Deep Flow 2026

Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023

