Building AMAZON Clone for Beginners | Project using HTML & CSS
ฝัง
- เผยแพร่เมื่อ 28 ส.ค. 2024
- Link for Project Resources : drive.google.c...
You can join the NEW Web Development batch using the below link.
🔥Delta 3.0(Full Stack Web Development) : www.apnacolleg...
Early bird offer for first 5000 students only!
International Student (payment link) - buy.stripe.com...
---------------------------------------------------
📌 Details about the Delta 3.0 Batch :
- Start Date : 7th November, 2023
- Alternate day lectures (at 8PM)
- Duration - 4.5 months
- Each Class duration : 1.5 hour-2hour (alternate days)
- Access to the course is for 2 years
- Complete Frontend Development with HTML, CSS, Javascript & ReactJs
- Complete Backend Development (NodeJs, ExpressJs)
- Complete Database -( SQL & MongoDB)
- Complete MERN Stack (MongoDB, Express, React, Node)
- Real Life and Industry Grade Projects
- Live Mentorship Sessions
- 500+Topic Videos
- Certificate will be given on Completion.
In this we have used Visual Studio Code as the editor for this project. You can use the same or your existing code editor.
(Installation : th-cam.com/video/bN6DE-4uFNo/w-d-xo.html)
Happy Coding❤
Love you bro
Mam should we learn MongoDB or PostgreSQL?
😍😍😍😍
MERN full stack course beginners... Please upload video
sir and mam one video javascript please🙂
Free videos with whole expalnation is the only reason why i purchased Alpha, this guys have a heart to give it for free what worth thousands and then after giving it for free he sells the course, such a gem.
source code??
i am so happy after do this project first time my concept clear about flexbox and what is your teach level shardha didi I am very satisfied from your teach style and attitude great
from Pakistan
Hlw please could u help me
Ma'am you are the best! But one request: Please upload JavaScript videos specifically designed for web development. Thank you
Mein be yahi Chahta hun mein ne be basic js seekh Liya hai but usko Apne code me implement karne ka method nai ata or TH-cam par be koi thk se nai sikha rha ab Sirf js seekh kar Kya Karna hai jab pta e nai wo kaise or kaha use karte Hain me ne Dom data types loop for in and each loop kafi Kuch seekha hai but implement kaha Karna hai pta nai 😅
@@ajaydevgan24yes bro same problem
Yes
yes
Haan jaldi plzz...
Ma'am, needed more such types of videos of web development like this. Please make such type of more videos regarding this. Thank You for this clone project. It really helped me a lot.
Bhai khud bhi kuch kr le
ctrl + c and ctrl + v karega bss ye@@cristiano0792
😂😂😂@@cristiano0792
@@cristiano0792 🤣🤣🤣🤣🤣
this is the best code classs ever i have seen today my html ans CSS is completed please aise hi or bhi video bnaiye dii jisse humko or bhi project pure krne or shikhne main help mile Thanku mam
It Is Very Easy To Manage Your Videos. Thank You Very Much 😍🥰 I Have Just Started Web Development And Have Completed HTML And CSS After Watching your Videos. ❤❤❤❤
style.css index.html ke sath connect hi nh ho rha hai..isiliye output show nh kr rha hai...plz iska solution pta hoga to btao na
@@rushalithorat941 bhai use link karna hoga link tag ke under style.css file ko
@@dhruvilvaghasiya45 Kiya tha...fir bhi nh ho rha hai
Ap ko head tag me ye likhna ho ga....
(Link rel="stylesheet" href="/....")
Aur....yaha ap ko us file ka name write krna he. Jis name sy al ny .css ki file save ki he
mam your teaching method is very impressive mindblowing any student can understand😊
Thank u did for this project, now i can build another pages with pure html and css only. Learned a lot from this❤
source code??
@@tribalcheif34 bhai simple hain dekh kain kadle
thank you shrdha deedi jo main j-spider coaching me 3month e nahi sikh pya apne sirf ek single video me sikha diya thank you
She's great ❤
Ma'am, your teaching skills are just fabulous and to the point explanation.
Is this project responsive?
no
@@mdsohailafridi5440
I have done my Amazon Clone Project and also added some Components, I launched it in live server , Thank you Didi☺
Why you live the clone?...wo sirf revision ke liye hota hai usme kuch change karke hi fir apne resume mai ya kahi live karna
This project is amazing ma'am
Very good explanation of every line of code ma'am this project blow my mind 🎉.
This is best explanation content I ever seen in youtube it's awesome 🎉
I was away from my coding journey..Now i want to start again.I'm doing this project for recalling html & css!Hope it will be a great tutorial!
bhai kya haal hai 3 mahine hogye kaha phocha
@@hvy8292 So far so good!
Along with my uni studies I’m continuing programming! Now learning react!
bhai 1din hogya kaha phocha@@hvy8292
@@hvy8292 bhai ye amazon_logo.png kaha milenge?
mere mein to set hi nahi horaheyy
really enjoyed this project❤
i t has boost up my coding interest..
plz ma'am bring java script course from beginer to advance😍
mam is so genius she has left little tiny things so we may not be dependent 100%
great explanation , Amazing way of teaching! , now looking for next part in which we make it responsive as well
Project is good but it has lac of responsiveness. So to fix that we can use tailwind or just add @mediaquery breakpoints in css to target various screen size and modifying some flex property under the targeted screen
bro also lot of issues in the code. using fixed units, many times adjusting the placement of items with fixed units while should be positioned with either property of flex-box or grid
Yes but it's ok dude! Explaining that much level of code isn't that easy few mistakes are acceptable and can be solved by students easily.@@Jatinkumar-rz3zj
I wish i could have a teacher like you in my college/school/life......genuinely your teaching is amazing Dii #happygurupurnima🙇♂
@@Malaika_ki_rahein firstly u have to be clear about the engineering it's not about in what you are going through but it's all about how much you are gaining through...so go with CS and kindly take the admission only in top colleges so that the journey for your placement will be easier.. inspite of thinking for various branches choose only one and try to be pro in it..all the sub-fields of CS are great in there own way it's upto you what to choose and how to make it.... Start from the basis that how computer network works,how the data is stored in efficient way for this you need to learn DBMS etc.. coming to your point that what to choose is take CS (plain) in which you will learn everything.
Is this project responsive?
@@mdsohailafridi5440no
Thank you very much Didi, for the first time in my life I watched through the whole video and implemented along till end. I'm very proud of myself, and thankful to you for bringing such valuable videos. Its 5:50 AM, and I've been on this project from 10PM with dedication. Now I can finally get to bed and sleep in peace, like I have achieved something and used my time productively. So happy! Keep up the good work. Looking forward for more such courses.
Thanks Ma'am Aapki Videos se muje bahut help hoti hai thanks APNACOLLAGE FAMILY THANK YOU SO MUCH 🙏❤️❤️❤️❤️❤️
This is very helpful, please create more projects using HTML & CSS
How to download the pic in folder
Hlo mam ap bi job krti ho
Ma'am thank you so much for this project.. please make more clone projects like this(Netflix etc)❤❤❤
ok
Source code mil skta h ?
Is this project responsive?
@@mdsohailafridi5440 no
@@mdsohailafridi5440 nope
We need more clone projects like this
Bro can we use this project in our resume, bro please elaborate i am confused? Since many days
@@SaurabhKumar-mi7qv yes you can add
Thank you soo much my first work has done .Well-explained!
I greatly appreciate this video as it has effectively resolved numerous doubts that I previously struggled to solve
🤗❤❤thanks diiii your explanation made this task so easy
worth watching😇
Hey, mujhe icon nhi dikh rha mere browser par same code krne par bhi kya kru please btao
Is this project responsive?
@@nehahimanshi keep the laptop connected to net and save the html file and reload it...I too had the same issue
Notice to all viewers : Please add responsiveness to this clone project before showcasing in your resume.
Means?
Means? Please say what you're saying
means?
@@Malaika_ki_raheinbro go with this order cse, ai, aiml, ds, IT
His means make a project responsive every device like that mobile tablet pc desktop
I'm learning html CSS thanks for this 😍😍😍 it's very helpful for me
Bahi java script seekh le ??
Bhai delta 500 meh chyeeh
@@khushpreetsinghSingh how
@@Muaz106 pehle html css kr le uske bad js v sikh lena
And kuch html forms wala practice v kr lena..
Then go for js also..
@@go.urav.7 g css seekh raha hu waisay aap na seekh le js
Mai na kuch info laini thi
IAM soo happy mam I thanks alot from Pakistan ❤❤❤❤ very easy and valuable explanation
Very nice didi your teaching is so amaze for beginners and experience student's
My first project ❤️
Bhut mJa aya excitement next level 🔥
Viewers-great and warm applause for shradha didi 🎉🙌
Bhai mujhe bhi help Karo na project karne me
Could you help me, please? My Amazon logo is not visible? Any suggestions?
@@learnhumanity6701mine also
Have u compltwd ?
@@learnhumanity6701 try inserting the path of the image(logo) from the folder u have the logo stored
U are the best teacher of all time.Thank you for your high effort and time on this video.This boosted my confidence a lot in html and css..Yet to learn Js
source code??
Bhaiyon badi mehnat se ye course banaya hai ❤❤
mam i am not able to link that amazon logo png image in css even if i am copying the same code ,please help me with this
Amazing way of teaching!
Thanks from the bottom of my heart for this kind of Tutorial
Bro isko resume me kaise add krna h
Didi Your One Of The Greatest teacher In Asia May ALLAH Bless you More Success in Life Ameen.
legends know this is copy paste from css tutorial video😂😂
😂
You can refer as practices
for better understanding copy paste is very useful method.
True
😂
Thank you so much dii and this is my first clone project and it's very interesting I had a lot of fun while making this.❤
Ap bi job krti ho
Thank you..for being a great teacher for me....
Superb explanation and you made the concept look easy. Thank you for bringing such content and hope you come with other clone web pages. I want you to videos on a clone with functionality used in that web page like sorting/searching/filtering/pagination.
@@That_..x.vs Code or Sublime text you have to install
@@That_..x.make sure to file before writing code
Eg-file.html for html
And file.css for css
Hello bhaiya ,I am going to take admission in first year of engineering and I have to make preference list ,like first COMPUTER SCOENCE ENGINEERING ,IT ,CS WITH AI ,CS WITH ML ,or alone AI AND DATA SCIENCE .Please guide me what to prefer in the first place and so on .please guide me bhaiya according to your experience placements and future opportunities .
Is this project responsive?
Your coding videos are very informative and easy to understand.
You're doing great, But here If you give more example to explain the concept it would be better to understand easily
And please tell me when you're going to make an video on recursion
Overall I am enjoying to watching your video and I learn a lot from you
So please keep it up
Mam extremely good.. thank you so much.. this content is useful for every front-end learning students. ❤❤
source code??
sharadha api aap ka project hamne aap ka project banaya aap k sath sath sunsun ke hame acha laga aur bohat kuch samaj bi aya we are from pakistan and you are great programmer
Am I delta student
This video is very helpful us ☺️ thank you didi for this video ❣️😊
Hey I also from DELTA 🤩
@@digantagowala3303which is your degree..?
Mene abhi BCA me admission liya hai kya me delta join kr sakta hu kya please urgent response
@@surajvekhande6817 bilkul
@@surajvekhande6817 kha se ho
Mobile me bana sakte hai?
i have a problem in this amazon logo is not showing iwll check all things that you did in this video
Yes nhi ho raha hai show
'images/amazon_logo.png'
add images/ before png
I done this I really enjoyed thank you mam...❤
Didi Thank You For teaching us...One request please share the html and css docs with Project its very helpful for analysis the Project
hi
How to add image in vs code
Thankyou so much mam for wonderful explanation in detail♥♥.
style.css index.html ke sath connect hi nh ho rha hai..isiliye output show nh kr rha hai...plz iska solution pta hoga to btao na
Thank you so much for this project.. please make more clone projects like this..
This project plays very important role in my assignment
Source code mil sktà h pls?
Is this project responsive?
hi didi i am not good coder but i see you videos and doing practical work i am satisfied.
We need more videos like this and it should have animations also
Delta 500 meh
@@khushpreetsinghSingh kasa ?
Thank you ma'am, today I have finished Amazon clone 😊
MY FIRST STEP TO MY DREAM JOB STARTED.....
Outstanding piece of explanation.🌟 Hats off👏.
Had A Ton Of Fun While Making This & Learnt A Lot. Thank You So Much, Would Enjoy More Such Videos :D
Bro baqi logo ko issues arahe hen, apko nhi aye issues?
@@PAFBEAST same here
Ma'am one request: Please upload JavaScript videos specifically designed for web development. Thank you..
One of the best clone tutorial out there!
Excellent video for clone . All thanks to Apna college , one small doubt ..the img margin changes in different screen size and nav bar also ..any suggestions for it..?
use display grid, which is more efficient for box sections except navbar, for navbar you can set margin for each screen ranges
The video is amazing .
Really didi, I learnt a lot from u😊,
THANK YOU from the bottom of my heart.
Kon kon sharddha didi ko best teacher mante ho ❤
Please also make one shot for JavaScript . Thank you
There is also a playlist for JavaScript here, but your method of teaching is excellent Didi.
Really a good hands-on lesson on HTML+CSS. Learned a lot from it! Thanks for the amazing content.
Hello, Have you done this Project If Yes , Can you please provide the code (HTML&CSS).....
Had so much fun making this project and learnt many things. Will try to add more functionality and improvements further to the clone . 🙌🙌
yeah same here this was a fun project to do got to know a lot of tricks and new things about flexbox
Please bring something exclusive for students who have got admission in 1st year btech now only we are waiting.
I am learn lots of Codes with this Project. Thank you for this clone project & your precious time.
Mam please make full playlist on machine learning technology
You have my Gratitude
thankyou very much didi for this tutorial this was really helpful to me :) .
Source code please
outstanding expertise and way of making understand others, stay bless
We need more projects like this❤
Is that responsive too?
@@makumarrr385 noo
Amazing Project Mem..
Many things are i learn.
Thankyou🙏🙏
Yah to CSS ka last wala project hai ...CSS wale video ki last ki clip hai yah ....Kon kon notice kya hai???😅
Han Bhai iam 🎉🎉😂😂
Mam your lectures awesome your teaching method wonderful
This project is already included in CSS tutorial which was uploaded on 4th june 2023
Ap bi coding kr rhe ho
Thank you didee i got my desired teacher, i literally learned a lot from you..
Really loved it and done it maam..gain more intrest and motivation for coding.
Thank you sharadha mam . Literally i have learned a lot from this project ! Happy coding
Superb Shraddha sabse best aapki video lgi mujhe
Thank you so much for your help. This is my 2nd project of HTML CSS. :)
Thank you very much madam for this real life project 🙏🙏🙏
Thank you so much for making this video .I did this with you and its so much fun
This project is amazing ma'am This is very helpful for me in expanding knowledge of Css and also html.
Very good explanation of every line of code ma'am this project blow my mind
This is best explanation content I ever seen in TH-cam it's awesome.I always watch all videos of your's
This video is a part of CSS full course 😅 I'll done 👍❤❤
thank you didi for this amazing tutorial. I will definitely expand on this project and make it even more like the original
I'm very very happy because this is my first project
Puri chize aachi traf smjh aarha hai aur mja v aarha hai
From:- maharishi markendeshwar University
1st year student
good too good exceptional lecture i have ever seen very good teaching madam great explanation may God bless you madam and your huspand
Thanks didi ❤❤ you are the best teacher
Mam Amazon Logo is not coming in the Navigation bar. It is coming below it.
Ma'am " Java script "ka be aik full video bna do jesa aap ni html css ka bnaya hi 🙏
Please 🙏 ma'am 🙏
finally complated with practice , thankyou so much ma'am, ....
Thanks for teaching us it's really a great help from you😄😄😄😄😄😄
THANKS MAM GOOD JOB
Thnku so much to guide we..
We created this excellent exactly front end Amazon clone. ... How I described my feelings 🎉🎉🎉. M so happy this is my frst project 😍😍😍😍
Could you help me, please? My Amazon logo is not visible? Any suggestions?
Didi please can you make a full video on full stack project of amazon aap and this video is very help full for us and pls make more such videos thankyou❤
Ma'am your teaching method is very impressive
Best teacher of development thank you Ma'am
mam amazon logo nahi lag raha hai
Mera bhi😢
Kese legaga
@@rahulgahlot7721 bhai file folder 📁 me Jake photo ko copy karke paste Karo jaha pe tumhara css HTML ki file hai vaha pe laga jayenga logo for 👍
Amazing video with lots of knowledge. Please make a video on PHP
Really good project to practice your HTML and CSS, learned alot of things... Thank you and make another video where JS is used