🔴Let’s build Full stack Blog App with (React.Js, Tailwind CSS, ContextApi, MongoDB, Express.Js)

Опубликовано: 03 Июль 2026
на канале: Coder29

3,878

182

We will be building a complete MERN Stack Blog Application, with all the functionalities you ever wish, we will be starting it from very basics and then raise the bars like anything else. We will learn how to add blogs, how to add comments, how to edit comments, how to delte comments, how to work with authentication for dashboard as well as comments. You will also learn persistent login and firebase

#fullstack #mern #mernproject #mernstack #reactjs #nodejs #expressjs #mongodb

To join the community 👇
  / discord

Connect with me on social media 👇
LinkedIn :   / raj-padval-10869125b
Instagram :   / coder29.yt

Add this below code to your index.css :
@import url("https://fonts.googleapis.com/css2?fam...");

@tailwind base;
@tailwind components;
@tailwind utilities;

{
scroll-behavior: smooth;
font-family: "Montserrat", sans-serif;
}

body {
background-color: #f5f5f5;
line-height: 1.6;
font-size: 1.2rem;
margin: 0;
padding: 0;
box-sizing: border-box;
}

.scroll-hide::-webkit-scrollbar {
width: 8px;
}

.scroll-hide::-webkit-scrollbar-thumb {
background-color: #a155f2ff;
border-radius: 8px;
}

.scroll-hide::-webkit-scrollbar-track {
display: none;
}

::-webkit-scrollbar {
width: 8px;
}

::-webkit-scrollbar-thumb {
background-color: white;
border-radius: 8px;
}

::-webkit-scrollbar-track {
background-color: #a155f2ff;
}

(( Source Code ))
https://github.com/coder29yt/coder29-...

Time Stamps :
0:00:00 Project Intro
0:01:09 Demo
0:09:47 Project setup
0:16:15 Routing
0:24:22 Css for index page (Please skip code given in desc)
0:32:26 Working on Home page
1:31:00 Working on Blog Page
2:25:52 Working on Admin Page
2:53:47 Backend (setup, server, routes)
3:20:08 Creating user schema
3:25:13 Creating signup
3:31:39 Creating login
3:46:48 Integrating login
3:52:09 (Rest all timestamps will be added soon)