Complete Responsive E-Commerce Website Using HTML - CSS - JavaScript - PHP PDO | Admin Login

Подписаться 225 тыс.

Просмотров 71 тыс.

50% 1

how to make a complete responsive multi pages ecommerce website design using html css javascript php pdo from scratch.
create a complete responsive back end ecommerce website design template using html css javascript php pdo step by step.
the main feature of this website are:
✅ responsive header with toggle menu effect using vanilla javascript.
✅ responsive home slider using swiper.js
✅ responsive category slider using swiper.js
✅ responsive home products slider using swiper.js
✅ responsive about page.
✅ responsive reviews slider using swiper.js
✅ responsive contact page.
✅ responsive orders page.
✅ responsive shop page.
✅ responsive user register page.
✅ responsive user login page.
✅ responsive user profile page.
✅ responsive quick products view page.
✅ responsive shopping cart CRUD page.
✅ responsive wishlist CRUD page.
✅ responsive checkout form page.
✅ responsive search page.
✅ responsive footer using css grid.
✅ responsive dashboard page.
✅ responsive products CRUD page.
✅ responsive product update page.
✅ responsive placed orders page.
✅ responsive messages page.
✅ responsive admin accounts page.
✅ responsive users accounts page.
✅ responsive admin register page.
✅ responsive admin login page.
✅ responsive admin profile update page.
Buy Me A Coffee :
www.buymeacoffee.com/mrwebdes...
* SOURCE CODES *
drive.google.com/file/d/1nnaU...
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
( *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:
cdnjs.com/libraries/font-awesome
google fonts:
fonts.google.com/specimen/Nunito
clip-path generator:
bennettfeely.com/clippy/
Editor : - visual studio code with Laetus: Dark Vibrant Theme
Browser : - google chrome
UI Tool : - Figma
localhost : xampp
Images / Video / SVG : -
01 - www.freepik.com/
02 - storyset.com/
03 - undraw.co/
04 - pixabay.com/
05 - unsplash.com/
06 - pixabay.com/
07 - www.flaticon.com/
08 - pngtree.com/
09 - www.pngegg.com/
New To My Channel Subscribe Now And See More Stuff Like This:
/ mrwebdesigneranas
timestamp:
0:00 demo
9:53 file structure
10:20 admin login form
#BackEnd
#Ecommerce
#MultiPages

Опубликовано:

15 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 151

@yuldorolmedomulcue Месяц назад

kudoos to you sir. completed 1 hr of this tutorial and felt like everything is so well explained that even begineer can easily understand. I am going to add this project in my resume with some modifications

@lakhanrathore5002 Год назад

Demo is just awesome

@carpinteriamodelosmedidas341 24 дня назад

Excelente video, Mr. Web, sigue adelante,....

@drishtirajai7848 2 месяца назад

Undoubtedly the best series to follow for ecommerce webiste. The code is so crystal clear to understand. He covers everything from start to end and videos are very very easy to follow. Just go for it.

@whoswho8241 2 месяца назад

But how to run this code and launch on google? I have edited the code...i need to launch it for business store purpose how to do it?

@amitpanghal5588 2 года назад

So nice I try it please make a study web in which we ask questions to public and answers by public with ratings and upload questions and answers of classes subject chapter s

@karimfawzy8932 2 года назад

Very very beautiful ❤

@lscj2010 Год назад

Top, aprendi muito com este site, me ajudou muito.

@nausinkhan9223 3 дня назад

I have tried your full stack food ordering website it was just awesome! No doubt this website will also be a great project 😃

@abhinavsingh9793 2 года назад

your work is awesome can you please give a playlist link of this website in which it is made from scratch

@johan19840 2 года назад

Hi ,super nice work. i love it .Do you appear to code in POO too? that would be awesome

@bakriilyas177 Год назад

Thank you for your work But i just have a question please What are the php extensions that you use on you visual studio code ?? And how do you debug your php files ??

@CodeShowLapZ Год назад

💗💗

@NoTimeWaste1 Год назад

Thank you so much sir for such an awesome website.

@NoTimeWaste1 Год назад

For those who're wondering why they can't see 'messages' by clicking on 'see messages' in admin dashboard, this is because sir has written messagess.php instead of messages.php, just remove the extra 's' of messagess.php in 'dashboard.php' file.

@tayabasultanahossain585 Год назад

do you know why does it show me error when I input 'admin' and '111' in the admin php?

@rohitraikwar1590 Год назад

@@tayabasultanahossain585 same problem

@Avishek0109 Год назад

@@tayabasultanahossain585 did you found the solution?

@YOOHOONEYSINGH Год назад

@@Avishek0109 are u using XAMPP server or another one

@YOOHOONEYSINGH Год назад

hey , help me , how we can add external product listing file in products and work it as same as in previous one

@natwarsharma6626 2 года назад

❤

@TheBoysMemes123 Год назад

Nice

@MrWebDesignerAnas Год назад

Thanks

@nuradibahhanistajulariffin 6 месяцев назад

hello sir do you know why does it show me error when I input 'admin' and '111' in the admin php?

@deepmoghariya1300 5 месяцев назад

It show me error when I input 'admin' and '111' in the admin how can solve

@vivekmesuriya6357 2 года назад

Sir please make lots of tutorial like this project

@MrWebDesignerAnas 2 года назад

Sure I will

@marwanadel6420 Год назад

thanks for sharing such a greet job .i have a Q , if more than one users on the website and they both adding products in the cart , will have the same items in the cart ? or each user has his own cart ?

@MrWebDesignerAnas Год назад

I have a solution for that as well watch this video : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YfXDXzFjWQc.html every user can use cart with their unique id's

@reneekirstenpineda3091 2 года назад

Is it possible to convert the php desktop form into a mobile application? Thank you so much!

@aitodayz 2 года назад

How to covert this template to use with blogger website.?

@sanikadeshmukh2058 Год назад

Admin login not working, showing incorrect password

@a2bswebbrasil 10 месяцев назад

Tbm não consigo fazer o log in

@MG-pg2jv 6 месяцев назад

is there a paiement section , for example VISA or mastercard ?

@kajalsavaniya7441 8 месяцев назад

sir dont we have out of stock feature in this??

@mustafaaljasim7226 Год назад

small question please, if I removed the user sign in from the backend, is that going to create a mess with the process of buying products for instance later on: EX: Imagine two people are trying to buy at the same time, so the backend is going to include the work of both and this is going to create a confusion in my opinion, am I right ?!

@MrWebDesignerAnas Год назад

yep it going to mess up because signing creates a unique id for each user which is necessary to identify each user otherwise you will be confused which use buyed which product and the use won't be able to use wishlist and add to cart functions as well!

@All_Films4u 11 месяцев назад

Sir pls tells us that how you have added default values in admins table before admin login for the first time because im unable to logging in successfully in admin login page ...

@hadiaasif227 5 месяцев назад

i got the same problem did you resolve it

@mustafaaljasim7226 Год назад

I see that some trainings on RU-vid are using MySQLi, why you are not using it? does this mean that your code is vulnerable and risky/old ?, do you recommend using this way of coding or try to use mySQLi in coding with PHP ?

@MrWebDesignerAnas Год назад

I use php pdo these days

@mirly_shop9395 Год назад

no orders in the order page can u help me?

@safiyyahalthaff6701 Год назад

how do I run the php files on chrome?

@ratconsumer666 Год назад

What tool did you use to change the dimensions at 26:17 ?

@tayabasultanahossain585 Год назад

its no tool. Just click the three dot in the top of chrome nav bad -> more tools -> developer tools -> the toggle of device at the left most corner

@tayabasultanahossain585 Год назад

nav *bar

@user-sx9jl7tm3g 3 дня назад

Please before you connect the admin how do you register his credentials on the database. I try on my way but it don't work

@chaching100 Год назад

products are not showing what should i do?

@MrWebDesignerAnas Год назад

upload the product using admin panel, watch this for help : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1BSpFRtVN7Y.html

@chaching100 Год назад

@@MrWebDesignerAnas yes I did that thanks 👍👍

@snehaurfate8634 Год назад

I cant reducd margin so img can be look big

@eros_playsyt6494 Год назад

Can you add sub categories?

@HyperZettoN050 6 месяцев назад

At SHOP BY CATEGORY, when it's a different name, it doesn't show up. I would like another name to be displayed.

@experiance_williams Год назад

@Mr. Web Designer i have tried working at the same time with you using this video but the admin login ain’t working and the sha1() also ain’t encrything in my database

@experiance_williams Год назад

Help me please 😓

@MrWebDesignerAnas Год назад

how do your write sha1 for your passwords? show me the codes

@hadyahmishal9604 Месяц назад

@Mr.web designer how can i add more than one product for example its only allowing me to enter one watch for the watch category but i want to insert more. Waiting for your reply i have project submission tomorrow

@user-iu7rs4hp3m 5 месяцев назад

Hi Mr. Web Designer i downloaded this and modify it because i have a project on my subject called Web Development and Technologies, do you want to see the improvements of this? I have it more features i added with stock, vouchers payment gateways including PayPal using API JavaScript SDK, Light and Dark Mode toggle, Media Queries so it can access to tablet, android and pc etc. BTW Thanks for this :)

@ghimireff959 2 года назад

Mobile details option in table

@user-pe2oj5yf2f 6 месяцев назад

Give me a second part

@Dang_Quang_Minh 9 месяцев назад

Why don't I see the steps to create each field in the dataBase database? Why don't you do that extra step in the video?

@edwardcanotab2497 Год назад

how can i change the dollar to peso?

@zamard. Год назад

Please, I work off-line, and when I turned on the site, I just worked, but the aesthetics disappeared, and I think the reason is Library awesome.

@shashipalsingh3871 Год назад

Yess bro ! It's because of CDN but it's very useful

@experiance_williams Год назад

@Mr. Web Designer I can't log in, they tell me it's incorrect. In your database in the "admins" table there is the Options section there is "admins" and a password in mine it does not appear. Can you help me ? I really want to finish the project.

@ujalapaul4476 11 месяцев назад

Same problem....please sir help us

@HyperZettoN050 6 месяцев назад

How can I increase the statistics of people who visit my website?

@athaism4670 6 месяцев назад

sir how to add product in category?

@bona_T 6 месяцев назад

please post the documentation of this project

@programmingwithmusa5705 11 месяцев назад

How can I change the currency?

@ndongueplouise6341 Год назад

@Mr. Web Designer i have tried working at the same time with you using this video but the admin login ain’t working and the sha1() also ain’t encrything in my database 😢 am kind of lost…! But this is the first part

@MrWebDesignerAnas Год назад

show me your code! copy and paste it in reply section!

@ndongueplouise6341 Год назад

@@MrWebDesignerAnas i saw the mistake. In your code you wrote $select_admin->rowCount() > 0 I just had to change > 0 to ==1

@experiance_williams Год назад

@@ndongueplouise6341 it doesn't work for me

@ndongueplouise6341 Год назад

@@experiance_williams it not going work!! Mine worked when I did insertion through a form

@experiance_williams Год назад

@@ndongueplouise6341 you can share the code ?

@akshayprasad1535 8 месяцев назад

How to add stock information

@ananyagirish02 11 месяцев назад

Could you share the html part of the code ?

@SR-Dropshipping 2 месяца назад

whenever i'm just upload your source code into live site it's not working phpmyadmin can not upload complete shop_db.sql files

@bonatamirat5971 7 месяцев назад

its good job and thanks for sharing the source code. but i have one question,,,,message in admin page could not deleted why??????????????

@LofiLove83 Месяц назад

how did you login as a admin ? help me plz

@thefrantzone8078 Год назад

Hi Mr. Web Designer thanks for your work you make a good job! please I have a questions on admin login page.... I enter username and password default but it's not working .... Where is problem?

@SameedGaming Год назад

same problem

@kryzelannbiore4255 Год назад

same problem 😢

@ayeshashahid6940 Год назад

Same

@tejaslanjekar5321 2 года назад

what is AUTO_INCREMENT in admins table?

@MrWebDesignerAnas 2 года назад

that means the 'id' or any number will be unique and automatically increment whenever new data is stored in database tables

@doityourself2910 2 года назад

hello brother how do i add admins information on database. if i insert it manually its not working. Please help

@MrWebDesignerAnas 2 года назад

open admin panel! and you can update admin user info from there

@adparikhyt8859 Год назад

if i delete of change in any CSS file their nothing will be changed ? why this happen with drive code?

@MrWebDesignerAnas Год назад

use ctrl + f5 for cache refresh

@adparikhyt8859 Год назад

@@MrWebDesignerAnas thank you so much

@kirigayakazuto9136 Год назад

How can i change the dollar sign with my country's currency sign?

@MrWebDesignerAnas Год назад

watch this for help : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-rkeGg_ZyLuM.html

@alexanderardian1496 Год назад

excuse me sir, i tried to change the default username and password like example change the pass from 111 to admin, but it failed, can you help me ? i also change the database but it doesn't work

@arsyl_kim 11 месяцев назад

i m also facing the same problem, can you help if you resolved it

@switchpauv Год назад

Good day sir. when I edit the PHP file, the website doesn't update at all. How can I fix this? I hope you'll respond.

@ayomideotunba Год назад

You probably need to clear your cache. On Chrome, press Ctrl + Shift + Delete

@catsorgetthefockout 8 месяцев назад

hello, where is the html part? thank you

@snehaurfate8634 Год назад

Sir i changed category img but it looks small pls help

@MrWebDesignerAnas Год назад

use object-fit:cover; to fit the image according to your size

@michaelamehari3473 2 года назад

Hi it not connecting to z datebase??

@MrWebDesignerAnas 2 года назад

watch this for help : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1BSpFRtVN7Y.html

@vivekmesuriya6357 2 года назад

Mere vs code me Filtet sanitize ka option nahi a raha he Please give me solution of this problem...!

@MrWebDesignerAnas 2 года назад

download the extions for php in your vs code editor

@vivekmesuriya6357 2 года назад

@@MrWebDesignerAnas thanks

@kiruthigashree7972 Год назад

Can you help me in admin_login.php i was unable to login even after including data in the database.Kindly help me out on this.

@ravaradithyarazan9575 Год назад

i got the same problem

@teriyakinoodlez6119 Год назад

i've got the same problem as well. have you found a fix as i am still confused.

@teriyakinoodlez6119 Год назад

hi, great work! but i did encounter a problem which was: at the end when trying to login and progress to the next file it just doesnt do it and displays the error message. would this be a database connection issue? if so would you know how to fix it so that the login works correctly. thank you

@MrWebDesignerAnas Год назад

watch this for help : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1BSpFRtVN7Y.html

@fusiontube3406 Год назад

how to add images of the product using mysqladmin ?

@MrWebDesignerAnas Год назад

watch this for help : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1BSpFRtVN7Y.html

@fusiontube3406 Год назад

I have uploaded images but it is showing this error

@samuelsarpong1736 11 месяцев назад

Where can I find the admin login panel please? Help

@MrWebDesignerAnas 11 месяцев назад

write admin in the link bar in front of project file

@jeffr249 Месяц назад

where is the timestamp when adding pictures in database???

@twoinone9940 Год назад

Sir it has a database connection

@MrWebDesignerAnas Год назад

yes! it has database in it as well

@sweetwhimsy3797 Год назад

what did u do after 10:05...please tell

@MrWebDesignerAnas Год назад

I dragged and dropped the project folder in the vs code editor and start editing!

@sweetwhimsy3797 Год назад

@@MrWebDesignerAnas thanks

@rinathirah6323 2 года назад

sir, how to open registration admin ?

@MrWebDesignerAnas 2 года назад

you can find the admin_login file in the source and open it in the localhost

@fusiontube3406 Год назад

How to add products ?

@MrWebDesignerAnas Год назад

watch this for help : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1BSpFRtVN7Y.html

@MukulRawal1008 2 года назад

Sir png image kha se download karte ho

@MrWebDesignerAnas 2 года назад

uska bhi link description main hai

@MukulRawal1008 2 года назад

@@MrWebDesignerAnas Maine download kya tha lekin PNG image background se white hoti hai

@abhibandhiya6497 Год назад

hello mera incorrect username or password ho raha he par login success nahi ho raha if else me maybe kuch prob he can you help me ??????????????

@MrWebDesignerAnas Год назад

did you imported the database in your phpmyadmin panel first then first register if you are using it as a user and if you are using it as a admin the default password is : 111 and username = admin or admin@gmail.com