FullStack - How to create a working blogging website with pure HTML, CSS and JS in 2021.

Fo those who find it difficult because of latest firebase. Instead of linking latest firebase add these scripts to your code.

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
07:10 - home page
15:56 - editor page
23:56 - file upload
33:55 - firebase setup
36:24 - publish post
43:23 - Blog page
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

[ModernWeb]

Fo those who find it difficult because of latest firebase. Instead of linking latest firebase add these scripts to your code.
And follow the video

[dilemma]

believe me bro, you are going to be the next hit programming channel 👍❤

[sneidergallegosmarin]

Congratulations. It is very good content. I am writing to you from Colombia. I want to continue learning about web development. Success in this great project.

[Qas_]

I love your content, please continue this amazing journey. Love from South Africa 🇿🇦❤

[Khigha]

Thanks for this bro! Great vid, at first I was apprehensive because you don't explain anything lol. But this has a benefit because it forces me to troubleshoot on my own and wrestle with the material some more, which is how I learn! You've earned a sub from me. Keep up the good work. Thanks again for sharing your knowledge!.

[qutubuddinbarfi]

I am sure that you are going to blast the internet by your best tutorials and vids
I suggest you to start teaching programming languages like python, JavaScript, css, html

[brunorocha]

Amazing video!! I new on web developing, but I learned a lor with you video.. cant wait to see the reload...

[shogunvon]

bhai in next video please add your voice over explaining with the process. love your work

I am not sure when I started, but today I get this done.
I got few issues like:
firebase version
error 500
Cannot read property 'image'
function documentreference set called with invalid data unsupported field

I had to search a bit in sites like stack overflow and study nodejs to get a better understand once i am not a programming, but finaly i got it.

I guess the only difference that i did was on editor.js file.

For some reason the var bannerPath did not hold the value so what i did was save the value in a another var like bannerPathFB to pass to firebase.

Everything is working great.

Thank you very much.

[SadPandaLoves]

Awesome playlist, but explanations would have been better. As is, it is no different than just having an article

[akmalfirmansyah]

i will try make this great web, Thanks for your tutorial, and regards form Indonesia💛💛

[brentlombaard]

Looks amazing my guy definetly going to do this course this week👌

[divinechukwu]

Thanks a lot Mr Tutor for this Good Video!!!! Me and so many people appreciate, I just finished following the video. I got to say that I will also need links to the songs used in the tutorial😁, they were wonderful!!!!

[sultanakhter]

Bro, 2K+ views and 50+ likes achieved
Waiting for more features to this blog site.

[DoulZarack]

I have really appreciate your content ❤💯

[sagarthakur]

Thankyou very much bro....its very helpful for me....your all video are great...😍😍

[apurvkulkarni]

Where to add those two latest fire base scripts and how please please guide should I add them to editor.html ?? At the end of the body section ??

[prathamgupta]

8:57 scared the shit out of me coding at 3:00 am with 100% volume 😵‍💫

[avoxbumbabumba]

please help why i have this error: ReferenceError: db is not defined
at HTMLButtonElement.<anonymous> (editor.js:66:9)

[jefferiusherek]

Am trying to follow this, having trouble with the firebase DB integration, watched your first 2 e-commerce videos too (will be attempting to finish later) but I still can't seem to get it to work, have tried to use import db from the server.js file, but this leads to ES6 integration problems that are a bit too much for my limited knowledge, trying to figure out if I can use the sendData function you have in the e-commerce video as it looks like the 'headers: new Headers({'Content-Type': 'application/json'})' would solve the sending data to the db but am not having a lot of luck, any help would be greatly appreciated! great video!