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

Подписаться 1 млн

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

50% 1

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

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

1 фев 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@GreatStackDev 25 дней назад

part 2: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NC0IRIJhFpI.html 👉 Source code: greatstack.dev/go/amazon

@nyashagilbertmujuru6600 3 месяца назад

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

@Mule-08 3 месяца назад

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

@leonardigweokolo2813 3 месяца назад

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

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

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

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

The best html teacher i heard ever. Thank you.

@chrisholland6366 3 месяца назад

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

@silentstar2760 3 месяца назад

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 3 месяца назад

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 4 месяца назад

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

@user-fn6xx7db1r Месяц назад

Does this work include product filtering?

@alitsimulama2887 3 месяца назад

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 ❤❤❤

@haripriyaa214 3 месяца назад

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

@Yasir-dev 4 месяца назад

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

@GreatStackDev 3 месяца назад

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

@ishaanrawat9846 3 месяца назад

@@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 3 месяца назад

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 3 месяца назад

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 3 месяца назад

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

@CHRIS_IQ 3 месяца назад

I love watching your videos bro.

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

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

@Mani_shkr 3 месяца назад

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

@noman_47 3 месяца назад

Great Explanation .. Thank you so much

@preeti8945 3 месяца назад

Amazing ...kindly make next video

@Shema_Israel_26 3 месяца назад

You're an amazing teacher thanks you

@brandjutt2657 3 месяца назад

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

@harishsundaram6579 16 дней назад

Thank you!! So much sir!!❤

@user-cy4gt7un2g 3 месяца назад

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

@ektagupta3675 4 месяца назад

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

@storytv796 4 дня назад

ur linkhdin profile

@NikulDabhi-mx2dz 3 месяца назад

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

@manarboussouar7998 3 месяца назад

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

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

Amazing Work

@yelladheeraj7826 3 месяца назад

Best for beginners

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

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

@brandjutt2657 3 месяца назад

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

@ajiteshmishra0005 3 месяца назад

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.

@heavenagleyt6387 21 день назад

href❌ Ashref✅😅 i love it

@babashehuabbakyari5899 4 месяца назад

Much love from Nigeria

@GreatStackDev 3 месяца назад

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

@Suresh-mq4ic 4 месяца назад

Super Bro We Want More Like This ❤

@GreatStackDev 3 месяца назад

Thanks, sure will make more tutorials like this. for now you can check: RU-vid clone: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4ykAepVkG5Y.html Facebook clone: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NljIHlZRTTE.html LinkedIn clone: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-0ihPVIrf_Dw.html Airbnb clone: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WuWbunhmDsE.html

@user-ru7qo9vn8z 3 месяца назад

great

@Sahil_Parekh2004 4 месяца назад

That's mind-blowing clone bro😊

@GreatStackDev 3 месяца назад

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

@dipuzxedit 4 месяца назад

I gave the first like and commented first, love you

@GreatStackDev 3 месяца назад

thank you so much!

@pgatoors 3 месяца назад

Great

@tejass5039 3 месяца назад

Thank you so much

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

create work , thanks broooo

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

Ekdm mst

@ajiteshmishra0005 3 месяца назад

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

@Lyricsconcept 4 месяца назад

Well done sir 🎉🎉🎉 and thank you 👏

@GreatStackDev 3 месяца назад

Thanks to you.

@mujibulhaquetanim 4 месяца назад

love your contents, next part please

@GreatStackDev 3 месяца назад

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

@jidesamuel6521 4 месяца назад

You're the best brother

@GreatStackDev 3 месяца назад

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

@chiedoziechibueze2885 3 месяца назад

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

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

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

@imrannazeer42 3 месяца назад

Perfect Work.. 👍❤ bro

@GreatStackDev 3 месяца назад

Thank you so much Imran 😀

@JagmeetSingh-ym6jj 3 месяца назад

Thank you sir

@Efootball_legend04 3 месяца назад

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

@theknowledge1122 3 месяца назад

thanks❤❤❤❤❤❤.

@gabrielkingori3375 3 месяца назад

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

@bonganemhlanga7072 11 дней назад

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

@prasannaprasannabaskar2230 3 месяца назад

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

@ImAbbasious 4 месяца назад

This Amazing Sir

@GreatStackDev 3 месяца назад

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

@ImAbbasious 3 месяца назад

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

@ankurbera4371 4 месяца назад

Nice and love you bro

@GreatStackDev 3 месяца назад

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

@madhanv2844 4 месяца назад

Bro please do some chat application project using react js

@studywithroman1997 3 месяца назад

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

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

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

@Fnydo 3 месяца назад

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

@hindikhaniachiachi 3 месяца назад

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

@sundarrajan1221 3 месяца назад

I'm waiting for amazon clone continues videos

@nazmulhossain9985 4 месяца назад

Thank you

@GreatStackDev 3 месяца назад

Glad you liked this amazon clone website tutorial

@pravukalyandas8428 3 месяца назад

Please make it fully responsive by adding functionality to navbar

@RashidKhan-fv2ng 2 месяца назад

please review and guide me how to adjust last banner ?

@Ishowspeed_147 3 месяца назад

Post the next continue video .. Login page

@md.sajidwahid7277 3 месяца назад

Brother is your projects all Themeforest standard code?

@beticohernandez9536 4 месяца назад

Haras el carrito tambien?

@madhanv2844 3 месяца назад

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

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

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

@realnatureloveradda1811 3 месяца назад

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

@shahinrana6365 3 месяца назад

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

@Rohit-Rai732 3 месяца назад

Complete Leetcode clone using React JS please🙋‍♂

@tania4065 3 месяца назад

Next part please

@hiteshpanchal3000 3 месяца назад

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

@GreatStackDev 3 месяца назад

sure Hitesh, I will make it in multiple part, will upload soon. for now you can check this tutorial of Ecommerce: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-y99YgaQjgx4.html

@not_amanullah 3 месяца назад

yes we need next pages and responsiveness 😢

@studywithroman1997 4 месяца назад

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

@GreatStackDev 3 месяца назад

already have complete python tutorial for beginners: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HdLIMoQkXFA.html please watch this tutorial till the end and leave your feedback in the comment section.

@studywithroman1997 3 месяца назад

yes thank you so much May alllha bless you

@always_code 3 месяца назад

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

@statusworld7984 3 месяца назад

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

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

Please complete the other part of the site

@maslers 4 месяца назад

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

@HammadRehman-zn9du 4 месяца назад

He also made it. Check out his account.

@GreatStackDev 3 месяца назад

here it is: RU-vid clone: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4ykAepVkG5Y.html Facebook clone: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NljIHlZRTTE.html LinkedIn clone: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-0ihPVIrf_Dw.html Airbnb clone: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WuWbunhmDsE.html Netflix Landing page: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Tgat3-prVv4.html

@maslers 3 месяца назад

@@GreatStackDev Thanks a lot ..Great 🙏 💓

@RashidKhan-fv2ng 2 месяца назад

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?

@user-cj9jn9kq3h 4 месяца назад

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

@GreatStackDev 3 месяца назад

Full Stack e-commerce using MERN: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-y99YgaQjgx4.html

@user-cj9jn9kq3h 3 месяца назад

@@GreatStackDev bhai html css js php and MySQL pe

@indian-shorts9215 3 месяца назад

Sir make full we app with HTML css and Js

@ScientificVaishnav 3 месяца назад

please make full website

@Mrbrokenshorts 21 день назад

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

@zeroand0 3 месяца назад

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

@H.CWebDeveloper 3 месяца назад

Sir make products detail page

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

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

@webpixels9894 3 месяца назад

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

@GreatStackDev 3 месяца назад

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

@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

@harshitsoni1548 4 месяца назад

please add, Add to cart functionality using vanilla js

@GreatStackDev 3 месяца назад

we need to store the products details in one file. Check this similar tutorial with react: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-jbfuzcrfjqQ.html

@statusworld7984 3 месяца назад

Please complete all the pages🙏