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
39
9
1 month ago 00:08:27 1
Python: Лучшие Книги для Новичков (и не только)
1 month ago 00:46:28 1
Самый Брошенный город / Воркута / Как живут в мертвеющих посёлках / Лядов с Места событий
1 month ago 01:01:55 1
Александр Васильев: Модный приговор и новые ведущие, эмиграция и будущее моды в России
1 month ago 00:07:56 1
Что такое Front-end и Back-end? Кто такой FULL STACK разработчик? Чем занимается веб разработчик?
1 month ago 00:00:36 1
What is TALL Stack?
1 month ago 00:04:49 1
Основы Angular + Java/Spring: debug запросов (2022)
1 month ago 00:05:52 1
IoT | Internet of Things | What is IoT ? | How IoT Works? | IoT Explained in 6 Minutes | Simplilearn
1 month ago 00:27:56 7
Интервью с опытным Full Stack разработчиком. 15 лет в айти: как перейти от C++ к PHP и не пожалеть
1 month ago 00:43:15 1
Что изучать и сколько учиться на тестировщика. Сравнительный анализ с другими направлениями в IT.
1 month ago 00:01:31 1
FastTrack programos: Full-Stack ir Python
1 month ago 00:01:00 1
Full Stack programavimo studijos, BIT institutas
1 month ago 00:07:10 1
Советы по СОБЕСЕДОВАНИЮ в IT Компанию
1 month ago 00:07:23 1
SIMA AI: Революция в Игровой Индустрии! Смотреть Обязательно!
1 month ago 02:40:41 2
Fullstack - MERN приожение. Быстрый курс для новичков. MongoDB/Express/React/Node.
2 months ago 00:19:18 1
2024 LiXiang L9 - Flagship Smart Family SUV!
2 months ago 00:07:02 30
Devin AI - Автономный ИИ Программист, Который Смог.
2 months ago 00:00:11 1
Neon Toggle Switch using HTML CSS #webdevelopment #css
2 months ago 00:39:23 1
Полный гайд по IT профессиям. Какую IT профессию выбрать для старта?
2 months ago 05:44:19 1
Laravel 11 + React Full Stack App with Inertia - Project Management App
2 months ago 01:58:20 1
Разрабатываем Admin UI на React Admin в VS Code вместе с Amplicode
2 months ago 00:21:13 2
Preparing for Flight 4 Full Stack | SpaceX Boca Chica
2 months ago 00:44:16 10
Ruby on Rails: The Documentary
2 months ago 01:41:26 1
Продвинутый BACKEND на . Nest js ПОЛНЫЙ КУРС & Docker
2 months ago 01:02:23 5
Как Связать Бэкенд и Фронтенд? React + FastAPI Full Stack приложение | Python + JavaScript (#pythlearn)