Create Amazon Clone Using HTML, CSS and JavaScript | Frontend Project For Beginners

Learn How to make Amazon Clone Website Using HTML, CSS and JavaScript | How to create website like Amazon in HTML and CSS.
❤️ SUBSCRIBE: ‪@GreatStackDev‬
In this tutorial we will learn to build a website like amazon using HTML, CSS and JavaScript. We will make the front-end of the amazon clone website. This is one of my recommended front end web design project for beginners. #HTMLAndCSS #WebDesign #GreatStack
👉 All pages source code: greatstack.dev...
Download Images: greatstack.dev...
Full Stack E-commerce Website tutorial:
👉 • How To Create Full Sta...
-----------------------------------------
Suggested Course:
Complete JavaScript course with 30 projects:
👉 greatstack.dev...
Complete HTML and CSS with 8 projects:
👉 greatstack.dev...
-------------------------------------
Recommended Videos:
Beginner's HTML and CSS tutorial:
► • HTML And CSS Tutorial ...
Beginner's JavaScript tutorial:
► • JavaScript Full Course...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make fitness website design using HTML CSS:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make a Job Portal website design with HTML & CSS:
► • How To Make Website Us...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Connect with me:
👉 linktr.ee/iama...
Connect with GreatStack:
Instagram: / greatstackdev
Twitter: / greatstackdev
Facebook: / greatstack

[@GreatStackDev]

part 2: czcams.com/video/NC0IRIJhFpI/video.html
👉 Source code: greatstack.dev/go/amazon

[@Africandudu]

Nice skills

[@silentstar2760]

A huge thank you bro !! About 6 months ago i started learning html and css and JavaScript from your channel and now i already started working on freelance projects and i got the courage to launch my own channel, i will be grateful for you dude. Thank you!

[@bhalibekindff1772]

bro same... can i be your partner in freelancing as a front end developer? i have many my frontend projects

[@dakshu6463]

i have a doubt bro does building website create an idea for us to buid projects

[@Miya-wr1ny]

Just copy the JavaScript code u have written and paste it in chatgpt to give the corrected version of the code.. Now paste that corrected version in js file. Then all will be correct.
I have tried this and get the result.. I was behind this issue for several days.. Finally I got it correct. Trust me it works

[@nyashagilbertmujuru6600]

Just finished the Amazon clone, more blessings @Greater Stack. Easy to follow

[@idevkr]

Best tutorial for creating amazon clone using html, css & javascript

[@user-fn6xx7db1r]

Does this work include product filtering?

[@Mule-08]

You have made me a better frontend developer, a suggestion would be do more on backend projects and study videos. Thank you!

[@ektagupta3675]

Best channel on CZcams to Learn HTML CSS Javascript and React projects. I will make it and tag you on Linkedin for review. ✌️

[@storytv796]

ur linkhdin profile

[@mrzeharvlogs2202]

Finished the Amazon clone with your help in 2hours amd 30 minutes sharp. Thanks for your help 👍

[@avantiverma2811]

hey can you tell if you just followed the steps he showed for code or you took help from source code?

[@alitsimulama2887]

Bro your tutorials have been a great step for me in improving my webdevelopment skills cant wait for the next part of amazone clone much ❤❤❤

[@Yasir-dev]

Why youtubers does not teach and explain the hardest part of the html css is making a responsive design😢😢

[@GreatStackDev]

I thik you have missed my responsive website development tutorials, please checkout these tutorial:
1. College Website: czcams.com/video/oYRda7UtuhA/video.html
2. E-commerce website: czcams.com/video/yQimoqo0-7g/video.html
3. Portfolio website: czcams.com/video/0YFrGy_mzjY/video.html
4. Single page business website: czcams.com/video/lBfshkPlMW8/video.html
5. Facebook clone: czcams.com/video/NljIHlZRTTE/video.html
there are a lot of responsive website tutorial on my channel.

[@ishaanrawat9846]

@orivaldogama6390 bro there can be biggner's who are trying to make this kind of a project and learn how to make them responsive

[@omarkyengo1699]

That's true @Greatstackdev.
I really like your tutorials. I always check what you always teach us then I check other coders, this makes me understand so many things.
Thanks @GreatStackDev.

[@TECHTEMPLETAMIL]

Sir in banner image slider it's just changing the image but in ur demo it's slide and change. I am waiting to watch how u will do but I'm disappointed

[@imaarifkhan001]

Yes I am searching Amazon clone with responsive?but I searched whole you tube there is no body make Amazon clone with responsive ness

[@NikulDabhi-mx2dz]

This project is awesome and very easy..! Please sir! make another video on responsiveness and sign in and login page😊😊😊

[@Mani_shkr]

Bohot sahi samjhaya yaar.... yes aage bhi eshme signup and login page ko bnao and make this responsive also 😍😍

[@leonardigweokolo2813]

I'm amazed, God bless you immensely!!!

[@brandjutt2657]

I've initiated this project, and soon I'll be sharing both the project details and the link on LinkedIn

[@babashehuabbakyari5899]

Much love from Nigeria

[@GreatStackDev]

Thanks, Glad you liked this amazon clone tutorial with HTML CSS JS

[@chrisholland6366]

brother your videos have gotten me a job at Amazon, thank you so much

[@mohdusaid677]

Your content is amazing iam a fresher in web development and iam iam learning you are great man

[@Fuad248]

create work , thanks broooo

[@harishsundaram6579]

Thank you!! So much sir!!❤

[@ajiteshmishra0005]

Please create one video on JWT authentication in ReactJS or NodeJS in such a way that any beginner can understand and can get a full explanation from scratch to advanced.
You can explain using any project also.

[@ajiteshmishra0005]

Please upload video of creation of any UI using Typescript, Bootstrap, MUI, npm, webpack in ReactJS.

[@haripriyaa214]

This is so Awesome. I followed this tutorial and completed this. Thanks for this wonderful video✨...

[@ettorecar9317]

The best html teacher i heard ever. Thank you.

[@sudhakar0003]

I saw wonderful teacher ..🎉🎉🎉🎉

[@MR_CIQ]

I love watching your videos bro.

[@heavenagleyt6387]

href❌ Ashref✅😅 i love it

[@theknowledge1122]

thanks❤❤❤❤❤❤.

[@Prathamsachdev]

Bhai ek full stack e-commerce project Lao jisme html css js php and MySQL use Karo aur sare features banao

[@GreatStackDev]

Full Stack e-commerce using MERN: czcams.com/video/y99YgaQjgx4/video.html

[@Prathamsachdev]

@@GreatStackDev bhai html css js php and MySQL pe

[@Suresh-mq4ic]

Super Bro We Want More Like This ❤

[@GreatStackDev]

Thanks, sure will make more tutorials like this.
for now you can check:
CZcams clone: czcams.com/video/4ykAepVkG5Y/video.html
Facebook clone: czcams.com/video/NljIHlZRTTE/video.html
LinkedIn clone: czcams.com/video/0ihPVIrf_Dw/video.html
Airbnb clone: czcams.com/video/WuWbunhmDsE/video.html

[@s.joseph4838]

I am a new subscriber, and i love this Amazon page. But one thing. But at the end of the video. I copy div class products-slider. It didnt perform the way you show it. Everything went straight down. Even the footer, Was you in a rush?

[@brandjutt2657]

Please make a video on Icons in website ( icons in design, search-icon, all others mostly used ) , possible ways and professionally,to set & use icons , resources

[@hiteshpanchal3000]

bro isko responsive or iske other pages like login/signup ,, psyment ,, cart ,,etc bhi banvao....we will love it....👏✌

[@GreatStackDev]

sure Hitesh, I will make it in multiple part, will upload soon.
for now you can check this tutorial of Ecommerce: czcams.com/video/y99YgaQjgx4/video.html

[@noman_47]

Great Explanation .. Thank you so much

[@dipuzxedit]

I gave the first like and commented first, love you

[@GreatStackDev]

thank you so much!

[@preeti8945]

Amazing ...kindly make next video

[@simaokane]

Thank you for sharing your knowledge for free. I follow you

[@Efootball_legend04]

Sir please make a number system converter which can convert floating point or integer number to another system like binary to decimal

[@Shema_Israel_26]

You're an amazing teacher thanks you

[@madhanv2844]

Bro please do some chat application project using react js

[@PlayVortex3]

13:02 second complete

[@madhanv2844]

Bro please upload part 2 of amazon clone bro waiting......

[@priyankabhosale7641]

Ekdm mst

[@chiedoziechibueze2885]

U are best.. my boss.. please cannot make it full frontend and backend

[@its_mithu525]

hello sir please continue to make some more content like sign-in page and price details etc. in this video

[@yelladheeraj7826]

Best for beginners

[@ImAbbasious]

This Amazing Sir

[@GreatStackDev]

Thank you so much, Glad you liked this amazon clone tutorial with HTML CSS JS

[@ImAbbasious]

Now I'm on my coffee website project when I'm done I'll be to this project is also best for me as beginner

[@studywithroman1997]

sir i am from bangladesh sir please develop some software using python
Because your power of persuasion is very strong so I requested you

[@omghoghari18]

Amazing Work

[@Fnydo]

Sir please make a video on how to amke a full website like your

[@Lyricsconcept]

Well done sir 🎉🎉🎉 and thank you 👏

[@GreatStackDev]

Thanks to you.

[@prasannaprasannabaskar2230]

I learnt a lot from you bro please give the update of amazone Clone thank yoy

[@sahil__parekh2004]

That's mind-blowing clone bro😊

[@GreatStackDev]

thank you Sahil, glad you liked this amazon clone website tutorial

[@mujibulhaquetanim]

love your contents, next part please

[@GreatStackDev]

thank you so much, sure we make other parts soon.

[@shoaib4x533]

Ye video search krne m kyy nhi milta h yrr ❤❤

[@tejass5039]

Thank you so much

[@logumurugan1468]

Sir my javascript isn't running what's the thing to do

[@JagmeetSingh-ym6jj]

Thank you sir

[@user-ru7qo9vn8z]

great

[@9jabot]

You're the best brother

[@GreatStackDev]

Thank you so much, Glad you liked this amazon clone tutorial with HTML CSS JS

[@gabrielkingori3375]

Hello, a great video indeed ,, why is my laptop not running JavaScript code? what should I do.

[@RashidKhan-fv2ng]

Thank you Greatstack for helping me to understand html And Css but.plese advise how to adjust my last banner.?

[@imshivlok]

What problem are you facing? Can you elaborate?

[@hindikhaniachiachi]

Please create a video how to create devlys to unicode font converter using html css and javascript

[@pgatoors]

Great

[@pravukalyandas8428]

Please make it fully responsive
by adding functionality to navbar

[@sundarrajan1221]

I'm waiting for amazon clone continues videos

[@user-mf5fc2ee9z]

Great

[@GreatStackDev]

Thanks

[@imrannazeer42]

Perfect Work.. 👍❤ bro

[@GreatStackDev]

Thank you so much Imran 😀

[@harshitsoni1548]

please add, Add to cart functionality using vanilla js

[@GreatStackDev]

we need to store the products details in one file.
Check this similar tutorial with react: czcams.com/video/jbfuzcrfjqQ/video.html

[@Rohit_Rai901]

Complete Leetcode clone using React JS please🙋‍♂

[@victorexner2102]

what about the transition/animation of img slider? can u teach this in another video or here in the comments?

[@bonganemhlanga7072]

Hi, I do follow the coding word for word and that has increased my knowledge of front end development. But seems to not work exactly the same as my box rows seems to overlap on top of each other slightly and not show the shop more link for the other one
What might be the reason as my code and yours are identical

[@user-cy4gt7un2g]

Thank you for your exceptional dedication and guidance. Your passion for teaching truly inspires and motivates us all.

[@user-rj3nf5px8o]

Is this website clone responseive in mobiles and tabs also or only for desktop

[@GreatStackDev]

This is responsive on mobile and tabs too.

[@not_amanullah]

yes we need next pages and responsiveness 😢

[@SarmadHayat-m5m]

Can you please make this website with responsive....

[@webpixels9894]

Nice Great website Can I Use this project in My Resume for Front End Developer profile

[@GreatStackDev]

yes you can add, it will add value in your resume.

[@shahinrana6365]

How to make a products details page dynamic? When user click any single product than user will be see this product details and all the data are come from array. I was trying to make this but I'm facing some problems. Please make a tutorial on it

[@studywithroman1997]

thank you sir
your lecturer is very helpful
please sir make python playlist

[@GreatStackDev]

already have complete python tutorial for beginners: czcams.com/video/HdLIMoQkXFA/video.html
please watch this tutorial till the end and leave your feedback in the comment section.

[@studywithroman1997]

yes thank you so much
May alllha bless you

[@Ishowspeed_147]

Post the next continue video .. Login page

[@kanikaverma3793]

I just wanna tell you that the scroll bar that i did in my amazon clone is not working and it scroll the whole screen from left to right i'm confused about it how it was working fine in your project as well as the image slider

[@ankurbera4371]

Nice and love you bro

[@GreatStackDev]

Thanks Ankur, Glad you liked this amazon clone tutorial with HTML CSS JS

[@aburaihan1630]

Subject: display flex - object are not moving on side left to right always in up and down.
Sir i am your a subscriber. I don't know anything about coding. Now days i am just trying to learn about it sir.
Here i have a issue from 3 days I can't solve it sir. Please help me.
Problem is here sir after 51:00 minute.
In my vs code i think display flex is not working or something else. I just can't moving my boxes from left to right.
I tried but they are always in same position. It's always up and down.
I hope that you can understand that what's actually I want to tell you.
Thank you very much

[@tania4065]

Next part please

[@always_code]

Sir make video gallery playlist using react router , please upload about it please please 🙏🙏

[@nazmulhossain9985]

Thank you

[@GreatStackDev]

Glad you liked this amazon clone website tutorial

[@young_wild20]

Anyone faced a problem with the footer?

[@RashidKhan-fv2ng]

please review and guide me how to adjust last banner ?

[@sonamchauhan3109]

@GreatStackDev‬ Sir can you provide complete A-Z video of flipkart clone using Html, Css and Js Please in two days

[@sonamchauhan3109]

mostly focus on cart , login all fuctionality(profile end all), filter acc. to catogory wise price wise etc.

[@paulkehinde8999]

The video isn't complete ... Why you had me fooled from the beginning

[@realnatureloveradda1811]

Sir i have created the sign up page by myself but when i hover on it , it hides itself under cards products that is our first product cards

[@indian-shorts9215]

Sir make full we app with HTML css and Js

[@Southernview3k]

Please complete the other part of the site

[@spartondon3591]

Guys can anyone tell me the theme of this vs vs code

[@idevkr]

Bracket theme + material icons

[@statusworld7984]

Is this responsive with all pages?
I want to purchase it. Please reply

[@Vamos_fifa04]

Why image is not showing in the webpage ?😢 Pls help

[@bsjana6158]

34:00 header slider

[@robertmathu668]

in java script Why we want to hide the all photos with the function. Can't we use the img[n].style.display = 'block'; diractly?

[@idevkr]

We are hiding all the images then we are showing the image which we want to show

[@prashanthgowda4334]

Java script is not working

[@riyakoshta8958]

When I face the problem, I asked chatgpt and my problem is solved within 10 minutes.

[@md.sajidwahid7277]

Brother is your projects all Themeforest standard code?

[@statusworld7984]

Please complete all the pages🙏