📌 Full Stack Ecom website 2.0 –
Part 1 – How to make an e-commerce website with HTML, CSS and JS
In this video, you’ll learn to create a Full Stack e-commerce online store website. This is part 1 of e-commerce website. In this part, you’ll make 4 pages – Home page, product page, search page and 404 page.
📌 Support me in making these videos –
📌 Buy me a coffee –
📌 Source Code –
📌 Download images –
– Make Full stack Ecom Website 1.0😉 –
– Website Clones [Disney+ / Netflix / YouTube]👨💻 –
– Cool CSS animation that will blow your mind🤯🔥 –
– Make Full stack Blogging Website [ With backend ]👨💻 –
– Learn CSS🔥 –
📌 My setup 🖥
—————————
MacBook Air M1 2020 [IN] –
MacBook Air M1 2020 [US] –
–
Maono AU-PM461TR Mic [IN] –
Maono AU-PM461TR Mic [US] –
📌 Books every programmer must read 📚📕
———————————————————————————
Clean Code [US] –
Clean Code [IN] –
–
Mythical Man – Month [US] –
Mythical Man – Month [IN] –
–
The Pragmatic Programmer: Your Journey To Mastery [US] –
The Pragmatic Programmer: Your Journey To Mastery [IN] –
–
Refactoring: Improving the Design of Existing Code [US] –
Refactoring: Improving the Design of Existing Code [IN] –
📌 Books I read for self development 📈📚😊
———————————————————————————
Atomic Habits [US] –
Atomic Habits [IN] –
–
The psychology of money [US] –
The psychology of money [IN] –
–
Think like a monk [US] –
Think like a monk [IN] –
⏰Timestamp⏰
00:00 – Intro
00:16 – Demo
05:43 – Folder structure
06:06 – Home page
50:35 – Search Page
55:26 – 404 Page
1:00:02 – Product page
1:21:15 – Wrap up
If you like this tutorial make sure to hit like button and show your support by subscribing my channel.
Social Media 🎥🔗
———————————
YouTube –
Instagram –
Dev.to –
Website –
You can contact me on – business.modernweb@gmail.com
❤️❤️ Have a nice day ❤️❤️
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for “fair use” for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use,
— Tags 😎 —
#ecommercewebsite #websitedevelopment #wesitedesign #html #css #js #webdev #web #html5 #css3 #htmlcss #javascript #nodejs #npm #fullstackdev #frontend #backend #onepagewebsite #onlinetutorial
—— Thanks For Watching ——
How is the video ? Any suggesstions
Excuse me I wanted to buy a figma layout a there was a ready code .can send me a layout . I already paid $12.
the pic i want to add is not showing on the live server
Not been to long since i found your channel am i glad 😊
Thanks!
please can anyone tell me how to solve db not defined error
all are going good…………..but in home page ur review section is coming different……………is it for screen size different or other??
I appreciate that!
Thank you
Nice but bro you should give images for practice plz, it's request
sir is this website is responsive?
Hello, can you recommend on how to tackle our cake ordering website with admin panel. Is this video will help me on getting idea and guiding me?
hello please share the source code for free please!
Just speak louder
Everything else is awesome 😎👍🏽
Sir , Waiting for REACTJS websites building tutorials like this one ,
Or maybe start Reactjs tutorial from beginner level to advance level and then start building project
Please come back with bang
Hi if I copy the source code will I be copyrighted?
it's really useful !!! great!
why is my java-script not doing any work for intellji ultimate. I have all the code but no work is done
Image output is not come?
Bro background cover property not working
1:10:04
BEST
Love from BD
Never been excited for a video but this. I can't wait for the last part… Would be kind to add the admin too? Thank you.
could I kindly ask will it be responsive to any devices?
Hey Buddy, Can u please make this type of e com website or a food ordering website in php mysql with admin panel please…this videos are superb
Sir, you have used inside
map(item,i)
Here item represent every single collageItems. But what is i? How it works?
I haven’t understand (! index = i) statement.
Is this website fully responsive?
Which is the editor you used in this video? And if you know how to setup in SUBLIME TEXT 3 then please share the procedure or make a video on that. Thank You so much 🙏
Teacher, I'm enjoying the channel's videos, I was looking for a channel that talks about html, css and pure javascript without the use of frameworks, do you have any tips to be able to combine color and fonts on the site and these images you used were from any stock photo site? And do you have tips on stock sites you use?
For most of the css i am using bootstrap in my sites… Will that be a problem ?
lovely way of teaching.
Hey, thank you for making good "how to" tutorial, it's easy to understand.
Hello teacher, put the subtitles in Portuguese so that I can follow this playlist.
Thanks.
waiting for other parts as well
Make a product filter and sorting with pagination like modern e Commerce website today plzzz make a demo on this topic…
sir brilliant channel 🙂
Good video
It would be good if you show us gmail clone using html css and js
At 8.00 min you have set the width 100%. It’s alright. But my question is, " Is it right to use 100% width for larger screens?"
If the screen size is <= 2000px, 100% width may create problem.
Very well done! Would be interested to see more use cases like social commerce with group buying functions like Pinduoduo 🙂
<3
Thank you ❤Well explanation.. You are awesome man.plz start course from scratch 🔥🔥
Please add payment session .
Please explain how to store our images on server in this series
which font and theme you are using in vs code ?
These videos are amazing, My suggestion is that you take a course from 0 for beginners, I would definitely pay to see it, you explain very well