Featured

Advance Shopping Cart With Admin Panel And Checkout System Using PHP and MySQL | P3 - Add To Cart



Published
how to make an complete responsive shopping cart system with admin panel and checkout order system using html css javascript php and mysql database step by step.

other parts :
part 1 - demo :- https://youtu.be/z2UIfZkV51o
part 2 - admin panel :- https://youtu.be/MWIUWBWbNV8
part 3 - add to cart :
part 4 - shopping cart :- https://youtu.be/Ep7NSDSRouY
part 5 - checkout form :- https://youtu.be/o7hfGcAGkYA

full playlist : https://youtube.com/playlist?list=PLSJxovi1IyDGWCgsE0EvD1fGgBmcSsTar

the main feature of this website are :
✅ responsive header with toggle menu effect using vanilla javascript.
✅ responsive admin panel with CRUD system using php mysql database
✅ responsive add to cart and show products using php mysql database
✅ responsive shopping cart system with delete, update, delete all functions using php mysql database
✅ responsive checkout order form system using php mysql database

* SOURCE CODES *

DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/1Akozuc7eAsil3iU7ln-sBXG94rCLE-Ui/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 folder and then rename each coding files.
Step 5 :- convert each coding files example ( index.txt to index.php) - ( style.txt to style.css ) - ( script.txt to script.js ).
Step 6 :- open the converted index.html file into your browser.
Step 7 :- open your editor and put your converted 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/Poppins

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
6:17 file structure
6:38 coding starts


#ShoppingCart
#CRUDsystem
#phpMySQL
Category
Web design
Be the first to comment