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

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

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

50% 1

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

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

1 июн 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

👉 Source code: greatstack.dev/go/amazon

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

Those who think this guy is a Legend

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

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

@m.areeshrashid705 2 месяца назад

Greatstack is great

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

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

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

So good ❤

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

Thank you sir for putting great effort for us.

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

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

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

Glad you think so!

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

Thank you for this ❤

@SumbalSarwar 18 дней назад

Very much and thank you

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

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

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

the best ❤

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

Sir please do react js full stack projects

@user-zw7vd7fj1q 2 месяца назад

nice my developer bro

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

@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

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

Hi Sir Please upload a food delivery app Part 2 video

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

Yes sir please do backend video

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

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

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

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! 🔥

@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

@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

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

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

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

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.

@Ai.World_18 2 месяца назад

Please make one banking system website

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

Sir can you make video player html css javascript

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

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

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

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

From did you got select option

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

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

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

Sure we will make a beginner to advanced React JS course soon, for now you can checkout this beginners react js tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gbAdFfSdtQ4.html

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

Sir April is coming now please post the admin panel tutorial

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

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

@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

@Babytok-ig4yu 2 месяца назад

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

Sure we will publish that soon. Thanks for your comment

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

sir how to master css please

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

Unable to select google fonts at a time

@ShivaKumar-oi7se 2 месяца назад

Sir; what happened for food delivery website specially backend

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

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

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

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?

@abhiabhi2553 7 дней назад

Hello sir Nothing is working , product image , cart , sign in nothing is opening a new page , it keep on showing like that what should I do , reply me quickly sir.

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

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

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

2nd viewer

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

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

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

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

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

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

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

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

Sir you create this video also in past

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

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

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

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

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

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

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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-y99YgaQjgx4.html

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

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

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

Benefit of this?

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

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

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

Thanks for your interest, but channel membership and payments is completely managed by RU-vid, 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/

@ARNABCHANDA-yg4pg 2 месяца назад

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

@AshikRahman-fw3sv Месяц назад

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

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

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

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

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

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

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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-y99YgaQjgx4.html

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

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

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

Well commented

@Ms.PetraSe 10 дней назад

what a rubish doesn't work at all

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

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

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

@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