[ad_1]
https://i.ytimg.com/vi/KxEkMMw9Psk/hqdefault.jpg

how to make a responsive blogger website design using html css vanilla javascript, php pdo and mysql database from scratch.
create a complete responsive blogging website design template using html css vanilla javascript php pdo and mysql database with admin dashboad panel step by step.

watch full playlist :

the main feature of admin panel are:
responsive sidebar.
responsive dashboard.
responsive add post page.
responsive view posts page.
responsive edit page page.
responsive read post page.
responsive admins accounts page.
responsive users accounts page.
responsive users comments page.
responsive register admin page.
responsive login admin page.
responsive update account page.

the main feature of main website are:
responsive header with search bar using vanilla javascript.
responsive home page.
responsive posts page.
responsive view post page.
responsive comments page.
responsive likes page.
responsive authors page.
responsive category page.
responsive search bar.
responsive login page.
responsive register page.
responsive update account page.
responsive footer section.

Buy Me A Coffee :
https://www.buymeacoffee.com/mrwebdesigner

* SOURCE CODES *

DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/19pBzzdXgy9nJ3O71KyHsmmcp4jqjGRfV/view?usp=sharing
( *you are free to use this source code )

*How To Download*

Step 1 :- click the google drive link
Step 2 :- click on download link in the google drive.
Step 3 :- extract the zip file into your desired folder.
Step 4 :- open the converted files into your browser.
Step 5 :- open your editor and put your unzipped files into it and then edit it as you like.

font awesome cdn link:
https://cdnjs.com/libraries/font-awesome

google fonts:
https://fonts.google.com/specimen/Rubik

clip-path generator:
https://bennettfeely.com/clippy/

Editor : – visual studio code with Laetus: Dark Vibrant Theme
Browser : – google chrome
UI Tool : – Figma
localhost : xampp
Images / Video / SVG : –
01 – https://www.freepik.com/
02 – https://storyset.com/
03 – https://undraw.co/
04 – https://pixabay.com/
05 – https://unsplash.com/
06 – https://pixabay.com/
07 – https://www.flaticon.com/
08 – https://pngtree.com/
09 – https://www.pngegg.com/

New To My Channel Subscribe Now And See More Stuff Like This:
https://www.youtube.com/c/MrWebDesignerAnas

Timestamp:
0:00 demo
08:55 file structure
09:18 login page
25:05 register page
31:33 update profile page

#blogwebsites
#backend
#multipages

Original source