Fo those who find it difficult because of latest firebase. Instead of linking latest firebase add these scripts to your code.
/”https://cdnjs.cloudflare.com/ajax/libs/firebase/8.10.1/firebase-firestore.js/” — firestore link
/”https://cdnjs.cloudflare.com/ajax/libs/firebase/8.10.1/firebase-app.js/” — 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
https://www.youtube.com/playlist?listPLqm86YkewF6Sj_DbZ6WXqiLjw1tBZKNPt
Source Code
https://github.com/kunaal438/blogging-site
Time stamps –
00:00 – Intro
00:26 – Demo
03:17 – Folder Structure
04:14 – NPM init / Packages Installation
05:18 – Server.js
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 – blog.js
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
https://www.youtube.com/c/modern_web?sub_confirmation1
Follow me on Instagram
https://www.instagram.com/modern_web_channel/
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
Take the opportunity to connect and share this video with your friends and family if you find it useful.
No Comments