how to make a complete responsive shopping cart system with admin panel and checkout order system using html css javascript php and mysql database action by action.
other parts:
part 1 – demo:- https://youtu.be/z2UIfZkV51o
part 2 – admin panel:- https://youtu.be/MWIUWBWbNV8
part 3 – contribute to cart:
part 4 – shopping cart:- https://youtu.be/Ep7NSDSRouY
part 5 – checkout type:- https://youtu.be/o7hfGcAGkYA
full playlist: https://youtube.com/playlist?list=PLSJxovi1IyDGWCgsE0EvD1fGgBmcSsTar
the highlight of this site are:
responsive header with toggle menu effect using vanilla javascript.
responsive admin panel with waste system utilizing php mysql database
responsive add to cart and show items utilizing php mysql database
responsive shopping cart system with erase, update, erase all functions utilizing php mysql database
responsive checkout order type system utilizing php mysql database
* SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE (CONSISTS OF 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.
Action 2:- click on download link in the google drive.
Action 3:- extract the zip file into your preferred folder.
Step 4:- open the folder and then relabel each coding files.
Step 5:- transform each coding files example (index.txt to index.php) – (style.txt to style.css) – (script.txt to script.js ).
Action 6:- open the converted index.html file into your browser.
Action 7:- open your editor and put your transformed into it and after that modify it as you like.
font style awesome cdn link:.
https://cdnjs.com/libraries/font-awesome.
google font styles:.
https://fonts.google.com/specimen/Poppins.
clip-path generator:.
https://bennettfeely.com/clippy/.
Editor: – visual studio code with Laetus: Dark Lively Theme.
Web 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 demonstration.
6:17 file structure.
6:38 coding starts.
#ShoppingCart.
#CRUDsystem.
#phpMySQL.
Source