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/go/amazon
Download Images:
drive.google.com/file/d/1UpXS...
Full Stack E-commerce Website tutorial:
👉 • How To Create Full Sta...
-----------------------------------------
Suggested Course:
Complete JavaScript course with 30 projects:
👉 greatstack.dev/go/javascript-...
Complete HTML and CSS with 8 projects:
👉 easytutorialspro.com/go/course/
-------------------------------------
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/iamavinashkr
Connect with GreatStack:
Instagram: / greatstackdev
Twitter: / greatstackdev
Facebook: / greatstack

[@GreatStackDev]

part 2: ruclips.net/video/NC0IRIJhFpI/видео.html
👉 Source code: greatstack.dev/go/amazon

[@nyashagilbertmujuru6600]

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

[@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 RUclips to Learn HTML CSS Javascript and React projects. I will make it and tag you on Linkedin for review. ✌️

[@leonardigweokolo2813]

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

[@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

[@idevkr]

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

[@user-fn6xx7db1r]

Does this work include product filtering?

[@mrzeharvlogs2202]

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

[@ettorecar9317]

The best html teacher i heard ever. Thank you.

[@chrisholland6366]

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

[@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: ruclips.net/video/oYRda7UtuhA/видео.html
2. E-commerce website: ruclips.net/video/yQimoqo0-7g/видео.html
3. Portfolio website: ruclips.net/video/0YFrGy_mzjY/видео.html
4. Single page business website: ruclips.net/video/lBfshkPlMW8/видео.html
5. Facebook clone: ruclips.net/video/NljIHlZRTTE/видео.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

[@Mani_shkr]

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

[@brandjutt2657]

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

[@mohdusaid677]

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

[@haripriyaa214]

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

[@CHRIS_IQ]

I love watching your videos bro.

[@noman_47]

Great Explanation .. Thank you so much

[@user-cy4gt7un2g]

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

[@harishsundaram6579]

Thank you!! So much sir!!❤

[@simaokane]

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

[@Shema_Israel_26]

You're an amazing teacher thanks you

[@dipuzxedit]

I gave the first like and commented first, love you

[@GreatStackDev]

thank you so much!

[@NikulDabhi-mx2dz]

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

[@manarboussouar7998]

i will make it and tag you on linkedin for review ,and thank you so much

[@heavenagleyt6387]

href❌ Ashref✅😅 i love it

[@preeti8945]

Amazing ...kindly make next video

[@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.

[@its_mithu525]

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

[@Efootball_legend04]

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

[@md.sajidwahid7277]

Brother is your projects all Themeforest standard code?

[@babashehuabbakyari5899]

Much love from Nigeria

[@GreatStackDev]

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

[@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

[@Suresh-mq4ic]

Super Bro We Want More Like This ❤

[@GreatStackDev]

Thanks, sure will make more tutorials like this.
for now you can check:
RUclips clone: ruclips.net/video/4ykAepVkG5Y/видео.html
Facebook clone: ruclips.net/video/NljIHlZRTTE/видео.html
LinkedIn clone: ruclips.net/video/0ihPVIrf_Dw/видео.html
Airbnb clone: ruclips.net/video/WuWbunhmDsE/видео.html

[@Lyricsconcept]

Well done sir 🎉🎉🎉 and thank you 👏

[@GreatStackDev]

Thanks to you.

[@ajiteshmishra0005]

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

[@Sahil_Parekh2004]

That's mind-blowing clone bro😊

[@GreatStackDev]

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

[@Fuad248]

create work , thanks broooo

[@gabrielkingori3375]

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

[@prasannaprasannabaskar2230]

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

[@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

[@madhanv2844]

Bro please do some chat application project using react js

[@Fnydo]

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

[@yelladheeraj7826]

Best for beginners

[@shoaib4x533]

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

[@pravukalyandas8428]

Please make it fully responsive
by adding functionality to navbar

[@victorexner2102]

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

[@omghoghari18]

Amazing Work

[@user-cj9jn9kq3h]

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: ruclips.net/video/y99YgaQjgx4/видео.html

[@user-cj9jn9kq3h]

@@GreatStackDev bhai html css js php and MySQL pe

[@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

[@chiedoziechibueze2885]

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

[@statusworld7984]

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

[@madhanv2844]

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

[@logumurugan1468]

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

[@mujibulhaquetanim]

love your contents, next part please

[@GreatStackDev]

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

[@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: ruclips.net/video/y99YgaQjgx4/видео.html

[@Rohit-Rai732]

Complete Leetcode clone using React JS please🙋‍♂

[@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

[@RashidKhan-fv2ng]

please review and guide me how to adjust last banner ?

[@imrannazeer42]

Perfect Work.. 👍❤ bro

[@GreatStackDev]

Thank you so much Imran 😀

[@tejass5039]

Thank you so much

[@maslers]

Great sir it is very helpful for me
Sir also make Netflix and RUclips clone please😢

[@HammadRehman-zn9du]

He also made it.
Check out his account.

[@GreatStackDev]

here it is:
RUclips clone: ruclips.net/video/4ykAepVkG5Y/видео.html
Facebook clone: ruclips.net/video/NljIHlZRTTE/видео.html
LinkedIn clone: ruclips.net/video/0ihPVIrf_Dw/видео.html
Airbnb clone: ruclips.net/video/WuWbunhmDsE/видео.html
Netflix Landing page: ruclips.net/video/Tgat3-prVv4/видео.html

[@maslers]

@@GreatStackDev Thanks a lot ..Great 🙏 💓

[@priyankabhosale7641]

Ekdm mst

[@theknowledge1122]

thanks❤❤❤❤❤❤.

[@beticohernandez9536]

Haras el carrito tambien?

[@sundarrajan1221]

I'm waiting for amazon clone continues videos

[@not_amanullah]

yes we need next pages and responsiveness 😢

[@hindikhaniachiachi]

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

[@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

[@jidesamuel6521]

You're the best brother

[@GreatStackDev]

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

[@always_code]

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

[@pgatoors]

Great

[@JagmeetSingh-ym6jj]

Thank you sir

[@user-ru7qo9vn8z]

great

[@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]

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

[@GreatStackDev]

already have complete python tutorial for beginners: ruclips.net/video/HdLIMoQkXFA/видео.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

[@Mrbrokenshorts]

Javascript is not working in my clone can you please tell me why it is not working 😢😢😢

[@FENDI2551]

at 43:37 that style.display='none' shows any on vscode and that is not working

[@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?

[@Ishowspeed_147]

Post the next continue video .. Login page

[@ankurbera4371]

Nice and love you bro

[@GreatStackDev]

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

[@zeroand0]

Can you please share the github of the entire code structure ?

[@indian-shorts9215]

Sir make full we app with HTML css and Js

[@AyodhyaWale-ob1qu]

Bro Mera logo hi nhi lg rha

[@amnashafiq1385]

Hi sir can you help me to make a website for my project because I have shortage of time for my IT course plz plz plz

[@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

[@H.CWebDeveloper]

Sir make products detail page

[@tania4065]

Next part please

[@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: ruclips.net/video/jbfuzcrfjqQ/видео.html

[@TheGospelboard]

Please complete the other part of the site

[@statusworld7984]

Please complete all the pages🙏

[@AkashRazzzzzKushwaha]

please some one explain what is "color: inherit;" property

[@nazmulhossain9985]

Thank you

[@GreatStackDev]

Glad you liked this amazon clone website tutorial

[@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.

[@bsjana6158]

34:00 header slider

[@ScientificVaishnav]

please make full website

[@rythmwithringtone1323]

Please make back-end also 🙏

[@GreatStackDev]

Full e-commerce website with frontend and backend: ruclips.net/video/y99YgaQjgx4/видео.html

[@spartondon3591]

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

[@idevkr]

Bracket theme + material icons

[@yuvikakathaith]

40:09

[@robertmathu668]

can you solve it?