Welcome to our comprehensive tutorial on building a full-featured full-stack Blog application from scratch! In this video, we'll guide you through every step of the process, using a powerful tech stack that includes HTML, CSS, JavaScript, Node.js, MongoDB, and EJS. Whether you're a beginner or an experienced developer looking to expand your skills, this video is for you!
🔧 Technologies Used:
HTML: Structuring the web pages
CSS: Styling the application
JavaScript: Adding dynamic behavior
Node.js: Server-side scripting
Express.js: Building the server and handling routes
MongoDB: Database management
EJS: Templating engine for dynamic content
📁 Resources:
- Starter file: https://drive.google.com/file/d/1co4JNUusDpXVnP7J1TqiCYIY0RROj5EY/view?usp=drive_link
- Source code: https://www.patreon.com/posts/inktale-blog-108242178?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link
- NodeJS: https://nodejs.org/en
- ExpressJS: https://expressjs.com/
- MongoDB: https://www.mongodb.com/
- EJS: https://ejs.co/
- Cloudinary: https://cloudinary.com/
🔗 Chapters:
0:00 - Intro
2:48 - Project overview
16:45 - Project initial
20:44 - Register
2:09:48 - Login
2:24:28 - Setup user session
2:32:31 - Home
3:25:42 - Create blog
4:24:17 - Cloudinary setup
4:30:41 - Create blog
4:49:00 - Render blog in home
5:38:33 - Blog detail
6:12:41 - Render content in markdown
6:18:10 - Code hightlighter
6:20:30 - Blog detail
6:38:00 - Implement blog reaction
7:04:54 - Implement add to reading list
7:37:05 - Reading list
7:46:15 - Update blog
8:16:41 - Profile
8:38:14 - 404 page
8:43:29 - Dashboard
9:15:16 - Delete blog
9:34:39 - Blog visit count
9:46:05 - Settings / Update user info
11:18:01 - Responsive
11:36:23 - Test all features
Top comments (3)
why did you use Patreon as a forced donate ??
Saving for later😉
Was expecting a written version instead of a link to a video. At least we got time stamps, so if I will ever have time I could go directly to the point