How To Create Amazon Clone Using HTML CSS And JavaScript Step by Step Tutorial 2024

Learn How to make Amazon Clone Website Using HTML, CSS and JavaScript | Create e-commerce website front-end using HTML and CSS.
👉 Source code: greatstack.dev/go/amazon
❤️ SUBSCRIBE: @GreatStackDev
In this tutorial we will learn to build a front-end website design like amazon using HTML, CSS and JavaScript. We will create the Home page, Product page, Cart page, and Login / Registration Page for our website. We will make our Website responsive using CSS Media queries.
#HTMLandCSS #WebDesign #GreatStack
Download Images: drive.google.com/file/d/1UpXS...
Full Stack E-commerce Website tutorial:
👉 • How To Create Full Sta...
-------------------------------
Timestamp:
00:00 Project Overview
03:46 Create Home Page
05:52 Create Navigation Menu
32:19 Create Image Slider
56:22 Create Product Slider
01:17:21 Create Footer
01:19:29 Create Product Page
2:16:58 Create Cart Page
02:47:49 Create Sign in Page
03:15:57 Create Signup Page
03:22:10 Create Website Responsive
-----------------------------------------
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]

👉 Source code: greatstack.dev/go/amazon

[@satofrompotato]

Those who think this guy is a Legend

[@vinodmahindrakar3135]

Hats off to you sir, great work , we, are watching all your videos educational purpose and learned lots of thing The only youtube channel I found here all educational videos explained in detail, and ignore others who sending unnecessary stupid comments here Please continue and provide us such educational videos🙏🙏🙏

[@terstegen3505]

the best ❤

[@m.areeshrashid705]

Greatstack is great

[@omniman8912]

Man, you are absolutely amazing. Great explanation.Thank you.

[@GreatStackDev]

Glad you think so!

[@divyanshuyaduvanshii]

So good ❤

[@faustolopez180]

It would be really really amazing if you created the backend to complete the project, I definitely love to see it ♥

[@NIVASH_2004]

Thank you sir for putting great effort for us.

[@iykyk957]

What a amazing video man You cleared my all doubts thank you so very much.

[@Stoic_Island]

really thank you

[@mainlinegaming2]

Thank you for this ❤

[@user-zw7vd7fj1q]

nice my developer bro

[@SumbalSarwar]

Very much and thank you

[@dammukiran9230]

Sir please do react js full stack projects

[@CSEGNaveensaireddy]

Hi Sir Please upload a food delivery app Part 2 video

[@dammukiran9230]

Yes sir please do backend video

[@ScamShieldTech]

Wow, I'm absolutely blown away by the sheer creativity and innovation in this video! 🌟 From the captivating visuals to the infectious energy, every moment had me on the edge of my seat. Seriously, this is the kind of content that keeps me coming back for more. Kudos to the entire team behind this masterpiece - you've set the bar sky-high! Can't wait to see what mind-blowing surprises you have in store for us next! 🔥

[@Mobynet]

@GreatStackDev I love their work, they do it great. I have already purchased a course from them on Udemy. The Javascript course will be my next one. One question is can I use your HTML and CSS and js code, images etc for my website. I couldn't find anything about a license. Thank

[@Rajyadav2921]

can you make one video? How to become a full stack developer freelancer and what skills are most important.

[@ajiteshmishra0005]

Please upload one video containing concepts Redux, Redux Saga, Redux Thunk in any React Application If it is possible to JWT also so it will be good for React Aspirants

[@creativestudio3816]

2nd viewer

[@kesavaeyyani7776]

good evening sir i have a request for you sir i have already purchased domain and hosting in hostinger so i used this content to our small grocery website so how can we apload back-end so please send back-end video sir

[@quantyquanty3724]

Welcome back to my street CSS, JS and HTML)😄

[@rayyanabdulwajid7681]

Im trying to implement a proper gallery with next and previous buttons which shows for every product that is clicked. Can i make this function resuable so that i can have a gallery for every product with next and previous buttons?, if yes, how can i make it reusable? Please tell, I'm making a job project.

[@ankurbera4371]

Sir can you make video player html css javascript

[@Ai.World_18]

Please make one banking system website

[@oreokapoor577]

Plz bring One react course bro plz from basic scratch to advanced plz like your javascript one same

[@GreatStackDev]

Sure we will make a beginner to advanced React JS course soon, for now you can checkout this beginners react js tutorial: kzbin.info/www/bejne/nZOklXmciMmnh5Y

[@vallydon1788]

Good work, but when you add anchor link to the image, the image gets distorted

[@Developer_Mamun]

You make amazing videos that I watch often and you have thousands of followers but do you think you have cloned Amazon the right way in this video? I'm angry with the Header practice because NavMenu used the p tag but here it should have been used inside the ul li and you didn't create the root variable in the CSS. Do you think it works like this with headers?

[@Babytok-ig4yu]

We where waiting for you to complete the other delivery website you posted last week I think many people are waiting for the completion of the project As for me am actually waiting for both payment and other part to be completed

[@GreatStackDev]

Sure we will publish that soon. Thanks for your comment

[@abhiabhi2553]

Hi sir When I click on the headphone image product it doesn't open , it shows "your file couldn't be accessed , it may have moved , edited or deleted" like this what should I do?

[@beindiandiaries]

From did you got select option

[@dreamCode807]

Sir April is coming now please post the admin panel tutorial

[@NavnishMaaclakme-ww5hs]

Are bhai pura project banao ecomerce website ka jisme product booking hona chahiye aap samjhate accha ho lekin yeh pura project nahi hai isliye kisine kaam nahi aayega aap se vinti hai pura banao ek project banao

[@Code_with_satoshi]

sir how to master css please

[@kajalverma5612]

Hello sir,the code around 44-49 min ,which is done in script.js is not working for me .what shall I do

[@beindiandiaries]

Unable to select google fonts at a time

[@ARNABCHANDA-yg4pg]

I HOPE BETTER EXPECTED BUT I DESPERATE.😮‍💨😮‍💨😮‍💨

[@ShivaKumar-oi7se]

Sir; what happened for food delivery website specially backend

[@GreatStackDev]

Hi Shiva, we will publish that video soon, thanks for your comment.

[@beindiandiaries]

Can anyone tell how to import that 4 Google fonts at a time

[@Abbos_700]

What is the difference between this Amazon clone and that one a month ago

[@idevkr]

Last one has only landing page in this one product page and cart page is created

[@GreatStackDev]

In the first video I have made the Home page only. In this tutorial you will find Home page, product page, cart page, sign in and signup page. Also i have made all pages responsive mobile phones.

[@Abbos_700]

@@GreatStackDev sounds great thank you for your response I'll check it soon

[@snmbotgamer9472]

I've not been able to join your membership ny card keep on declining

[@Sanatan_shiksha1]

Benefit of this?

[@snmbotgamer9472]

@@Sanatan_shiksha1 you get the source code of any site he builds

[@GreatStackDev]

Thanks for your interest, but channel membership and payments is completely managed by KZbin, creator can't add anyone in members from their side. Message me on Instagram if you are looking for any specific tutorial code. instagram.com/greatstackdev/

[@AshikRahman-fw3sv]

full stack how to Create make Envato , themeforest, codecanyon ,website using html and css JavaScript 2024

[@Fnydo]

Sir you create this video also in past

[@GreatStackDev]

In the first video I have made the Home page only. In this tutorial you will find Home page, product page, cart page, sign in and signup page. Also i have made all pages responsive mobile phones.

[@Fnydo]

@@GreatStackDev Your are realy great dev. can you make a full video on making responsive portfolio website.

[@hugomendez7659]

we want the backend of this project. like this comment if you want too. :)

[@GreatStackDev]

This is just frontend project to practice HTML and CSS. If you are looking for functional eCommerce project with Database and admin panel, Please checkout this full stack eCommerce project tutorial: kzbin.info/www/bejne/r2qcipqXhs-arpY

[@mohsin_maqbool]

I want paid project Doctors appointment booking website using html css bootstrap tailwind js react front end with easy beginner friendly concepts

[@mohsin_maqbool]

Well commented

[@vipulgupta4125]

You did not use an API. does not even have a add to cart function not a good project.

[@fahadkabooroo7395]

Its just a UI project bro not a fullstack project so be patient

[@GreatStackDev]

Hi Vipul, this is just frontend project to practice HTML and CSS. If you are looking for functional eCommerce project with Database and admin panel, Please checkout this full stack eCommerce project tutorial: kzbin.info/www/bejne/r2qcipqXhs-arpY

[@Ms.PetraSe]

what a rubish doesn't work at all

[@ujjawalpugalia2123]

Sir, you are awesome but here's a request Sir, please make full mern stack projects as much as possible. Spotify Ebooks downloader Blog webapp Gym site Instagram Whatsapp Netflix Please please please please🥺🥺

[@snmbotgamer9472]

@greatstack how else can i join your community, ny card doesn't allow ne to join your community, so i can get tye source code

[@GreatStackDev]

Thanks for your interest, but channel membership and payments is completely managed by KZbin, creator can't add anyone in members from their side. Message me on Instagram if you are looking for any specific tutorial code. instagram.com/greatstackdev/

[@ajiteshmishra0005]

Please upload one video containing concepts Redux, Redux Saga, Redux Thunk in any React Application If it is possible to JWT also so it will be good for React Aspirants