FullStack - How to create a working blogging website with pure HTML, CSS and JS in 2021.
Advance features video -
Fo those who find it difficult because of latest firebase. Instead of linking latest firebase add these scripts to your code.
““ -- firestore link
““ -- firebase link
And follow the video
FullStack - How to create a working blogging website with pure HTML, CSS and JS in 2021.
This is a very good project to practice full-stack development. When I started with web development I always thought how can I make my own blogging website. And today, I am proud that I tried to make blogging site. Our website is very simple and has features like
1. Dynamic Blog pages.
2. Have a dedicated editor for blogs.
3. You can add/make as many blogs you want.
4. You can add Headings, paragraphs, and Images to the blog post.
5. Have read more blogs section also.
👇Website Clone Playlist👇
👇Source Code👇
Time stamps -
00:00 - Intro
00:26 - Demo
03:17 - Folder Structure
04:14 - NPM init / Packages Installation
05:18 -
07:10 - home page
15:56 - editor page
23:56 - file upload
33:55 - firebase setup
36:24 - publish post
43:23 - Blog page
47:16 -
58:40 - blog cards
If you like this tutorial make sure to hit like button and show your support by subscribing my channel.
👇Subscribe My Channel👇
👇Follow me on Instagram👇
❤❤ Have a nice day ❤❤
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for “fair use“ for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use
#bloggingwebsite #blogging #fullstackdevelopment #fullstack #firebase #nodejs #backend #frontend
1 view
52
10
1 month ago 00:37:26 1
Fullstack-разработчица | Рынок труда в 2024 году | Перспективы IT в Казахстане
2 months ago 05:23:11 1
15 Crash Course | Build and Deploy a Production-Ready Full Stack App
2 months ago 06:33:05 1
Авторизация и профиль на | server actions, OAuth, отправка email, s3, тёмная тема
2 months ago 00:01:06 1
From $5,300! All open source! Engineai first professional robot SA01 humanoid officially debuted!
2 months ago 00:09:34 1
Claude 3.5 Sonnet (NEW) + Cline & Aider (Upgraded): TESTING the NEW Model in Practical Coding!
2 months ago 02:02:42 1
Open Interpreter - Advanced Experimentation
2 months ago 00:46:28 1
Самый Брошенный город / Воркута / Как живут в мертвеющих посёлках / Лядов с Места событий
2 months ago 01:28:51 1
SPA приложение на Core и за 1.5 часа
2 months ago 00:07:26 1
Max Consecutive Ones III - Leetcode 1004 - Sliding Window (Python)
2 months ago 00:27:13 1
Cursor vs Bolt vs Replit vs v0 [Best AI Coding Tool]
2 months ago 00:10:46 1
VectorShift: Create Apps/Software in Minutes With a Drag-and-Drop UI!
2 months ago 00:08:51 1
gptme: Opensource AI Agent That Can Do ANYTHING! (Generate Apps, Code, Automate Your Life)
2 months ago 00:11:35 1
Cline + Grok-2 + Expo + Vectorshift : The FREE & CRAZY AI Coding Workflow that BEATS ALL!