How To Create Amazon Clone Using HTML CSS And JavaScript Step by Step Tutorial 2024
HTML-код
- Опубликовано: 16 май 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
👉 Source code: greatstack.dev/go/amazon
Those who think this guy is a Legend
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🙏🙏🙏
the best ❤
Man, you are absolutely amazing. Great explanation.Thank you.
Glad you think so!
Greatstack is great
So good ❤
It would be really really amazing if you created the backend to complete the project, I definitely love to see it ♥
Thank you sir for putting great effort for us.
Thank you for this ❤
nice my developer bro
What a amazing video man You cleared my all doubts thank you so very much.
really thank you
Very much and thank you
Hi Sir
Please upload a food delivery app Part 2 video
Yes sir please do backend video
Sir please do react js full stack projects
@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
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! 🔥
can you make one video? How to become a full stack developer freelancer and what skills are most important.
2nd viewer
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
Welcome back to my street CSS, JS and HTML)😄
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
Sure we will publish that soon. Thanks for your comment
Good work, but when you add anchor link to the image, the image gets distorted
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
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.
Plz bring One react course bro plz from basic scratch to advanced plz like your javascript one same
Sure we will make a beginner to advanced React JS course soon, for now you can checkout this beginners react js tutorial: ruclips.net/video/gbAdFfSdtQ4/видео.html
Sir can you make video player html css javascript
Sir April is coming now please post the admin panel tutorial
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?
From did you got select option
Please make one banking system website
Hello sir,the code around 44-49 min ,which is done in script.js is not working for me .what shall I do
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
sir how to master css please
Unable to select google fonts at a time
Sir; what happened for food delivery website specially backend
Hi Shiva, we will publish that video soon, thanks for your comment.
Can anyone tell how to import that 4 Google fonts at a time
What is the difference between this Amazon clone and that one a month ago
Last one has only landing page in this one product page and cart page is created
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.
@@GreatStackDev sounds great thank you for your response I'll check it soon
I HOPE BETTER EXPECTED BUT I DESPERATE.😮💨😮💨😮💨
I've not been able to join your membership ny card keep on declining
Benefit of this?
@@Sanatan_shiksha1 you get the source code of any site he builds
Thanks for your interest, but channel membership and payments is completely managed by RUclips, 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/
Sir you create this video also in past
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.
@@GreatStackDev Your are realy great dev. can you make a full video on making responsive portfolio website.
You did not use an API. does not even have a add to cart function not a good project.
Its just a UI project bro not a fullstack project so be patient
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: ruclips.net/video/y99YgaQjgx4/видео.html
we want the backend of this project. like this comment if you want too. :)
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: ruclips.net/video/y99YgaQjgx4/видео.html
I want paid project Doctors appointment booking website using html css bootstrap tailwind js react front end with easy beginner friendly concepts
Well commented
full stack how to Create make Envato , themeforest, codecanyon ,website using html and css JavaScript 2024
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🥺🥺
@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
Thanks for your interest, but channel membership and payments is completely managed by RUclips, 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/
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