Responsive Blog App/Website with Admin Panel Tutorial - Full CRUD Blog App PHP & MySQL Project
Complete CRUD Blog Website with Admin Panel Tutorial for beginners - HTML CSS MySQL PHP Project Tutorial
Hostinger Discount:
Responsive React Portfolio Website with Theme Customization (FULL COURSE):
In this practical (real-world) Project, we’re going to build a complete CRUD (Create, Read, Update and Delete) Blog Website/Application using HTML, CSS, JavaScript, PHP, and MySQL.
This project is going to be in two parts. In this first video, we are going to design all the pages, of the blog website or application and make them responsive for the next video. The second video is going to be the backend using PHP & MySQL to make this whole application come to life.
Users will be able to read blogs, search blogs, sort blogs by categories, and more!
Users can also signup to become authors, where they can (add/edit/delete) their posts.
An Admin can do all an author can do, and more. An admin will be able to (add/edit/delete) users (admin/author), manage (add/edit/delete) categories.
Source Code:
Become a patron:
Images & CSS Variables:
Part Two (Backend):
Iconscout (CDN) href:
Timestamps
00:00:05 Intro (Project Overview)
00:20:57 File/Folder Structure
00:26:04 Extensions
00:28:18 Nav HTML
00:32:40 Iconscout
00:35:35 CSS Variables
00:38:45 General CSS Styles
00:42:04 Google Font (montserrat)
00:49:40 Nav CSS
01:00:00 Featured Post HTML
01:09:45 General Post CSS
01:14:25 Featured Post CSS
01:16:37 Posts HTML
01:21:45 Posts CSS
01:24:50 Category Buttons HTML
01:26:50 Category Buttons CSS
01:30:00 Footer HTML & CSS
01:46:00 Media Queries (Medium Devices) Responsive Design
01:50:00 Nav Dropdown
01:58:05 Nav Toggle using JavaScript
02:04:00 Nav Dropdown Animation using CSS Keyframes
02:12:30 Media Queries (Small Devices) Responsive Design
02:17:30 Blog Page HTML
02:20:18 Blog Page CSS (Search Bar)
02:25:35 General Button CSS
02:29:20 Single Post Page HTML & CSS
02:40:20 Category Posts HTML & CSS
02:44:32 About, Services, Contact Page HTML & CSS
02:48:30 Sign Up Page HTML
02:54:30 General Form CSS
03:03:50 Sign in Page
03:05:20 Add Category Page
03:08:25 Add Post Page
03:14:35 Add User Page
03:18:20 Edit Category, Edit Post & Edit User Pages
03:24:00 Manage Categories Page
03:34:10 More Button CSS (sm, danger, success classes)
03:36:08 Dashboard CSS
03:46:00 Dashboard Media Queries (Responsive Design)
04:03:10 Manage Users Page
04:06:25 Manage Posts Page
#html #css #javascript
1 view
76
9
2 weeks ago 00:25:19 1
Существа в открытом космосе возможны? / Большой Взрыв наоборот / Астрообзор #169
1 month ago 00:00:00 1
525a Tertulia //
1 month ago 00:00:00 1
🇺🇸 Donald Trump in Madison Square Garden, New York | Historic ’MAGA’ Rally (Oct 27, 2024) [LIVE]
1 month ago 00:07:30 1
🇺🇸 Donald Trump Team: Tucker Carlson, Tulsi Gabbard, RFK Jr, Elon Musk, JD Vance, among others
1 month ago 00:11:33 1
Best Hugo Themes For Blogs & Portfolio Sites (100% Google PageSpeed⚡🚀)
1 month ago 01:02:15 1
Music for Soul - Korg Style Music / Italo Disco MIX (Instrumental)
1 month ago 00:00:00 1
Homenaje a mi abuelo // Selene Siboldi 🇦🇷
1 month ago 00:05:53 1
DON’T Buy a PC Without Watching This Video! youyeetoo X1
1 month ago 00:10:31 1
10 MIN BACK FAT WORKOUT | Toned Back Muscles - Get Rid of Back Fat & Bra Bulge | Eylem Abaci
1 month ago 01:28:11 1
Israel’s Right to Exist? | PM Benjamin Netanyahu | EP 311
1 month ago 00:22:56 1
15 Stunning FALL DIY Decor Ideas to make your home COZY in 2024!
1 month ago 00:00:00 1
Sinwar muerto / Ucrania quiere armas nucleares / cumbre BRICS / Atentado en Ankara / RPDC en Ucrania
1 month ago 00:18:20 1
Arrested for Praying / Thinking Silently in the UK | Bob Speakers Corner 🤦♂️
1 month ago 00:09:02 1
🇺🇸 BREAKING: Tulsi Gabbard joins the Republican Party at Donald Trump rally in North Carolina
1 month ago 00:06:56 1
Best Penetrating Oil Test for Rust, Spark Plugs - ATF & ACETONE - Kroil - Bundys Garage
1 month ago 01:59:11 7
Meet Pornhub’s New Owner: Solomon Friedman of Ethical Capital Partners
1 month ago 00:28:05 1
What did Mohammad do wrong ?? | Bob of Speakers Corner |
1 month ago 00:04:59 2
You Eat Other Animals? | Sci-Fi Comedy Short Film | Vegan Aliens
1 month ago 00:15:46 1
CRUSH the French Defense as White - Every Move is a TRAP!
1 month ago 00:36:26 1
Elon Musk Loses Major “Free Speech“ Lawsuit & More!
1 month ago 00:14:14 1
A Father’s Betrayal: The Heartbreaking Murder of a 10-Year-Old Girl
1 month ago 02:20:01 1
ČSNT NAŠE VIZE - Blanka & Katka - Dekrety Rady NKS pro ČSR
1 month ago 00:12:45 1
Important court decision on legal privilege in cyber incident response
1 month ago 00:00:19 1
🇺🇸 Massive Crowd at Donald Trump rally in Butler, Pennsylvania (Oct. 4, 2024)