Building AMAZON Clone for Beginners | Project using HTML & CSS

[@ApnaCollegeOfficial]

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 : kzbin.info/www/bejne/mH-ZdXhjadp5hNE) Happy Coding❤

[@bollywood-24for7]

Love you bro

[@supradeep.mukherjee]

Mam should we learn MongoDB or PostgreSQL?

[@adityaraj2880]

😍😍😍😍

[@debashisdas5051]

MERN full stack course beginners... Please upload video

[@mobeenmustafa9826]

sir and mam one video javascript please🙂

[@dank_shiv]

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.

[@tribalcheif34]

source code??

[@MotorsUpdate]

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

[@muhammadjamal-fb7qp]

She's great ❤

[@Shubham7LPA]

Bhai kaise padhate hai Jspiders mai? Aur companies aati hai kya?

[@rickchakraborty2087]

@@Shubham7LPA abhi Kolkata ka JSpiders mai ja rhahu, padha to accha rhahai abhi

[@naturerelaxationhub879]

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

[@soniyasoniya6102]

Hlw please could u help me

[@NewfilmsY]

@@soniyasoniya6102 my amazon logo is not comimg

[@esibites]

mam is so genius she has left little tiny things so we may not be dependent 100%

[@Mr.Bhardwaj108]

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

[@mobeenmustafa9826]

mam your teaching method is very impressive mindblowing any student can understand😊

[@sanchitthakur6591]

Thank u did for this project, now i can build another pages with pure html and css only. Learned a lot from this❤

[@tribalcheif34]

source code??

[@123....infinityanish2]

@@tribalcheif34 bhai simple hain dekh kain kadle

[@Learning_amazon]

Ma'am you are the best! But one request: Please upload JavaScript videos specifically designed for web development. Thank you

[@ajaydevgan24]

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 KZbin 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 😅

[@saiyedabrar2203]

​@@ajaydevgan24yes bro same problem

[@hkur2879]

Yes

[@NODYGAMINGYTT]

yes

[@prayag3547]

Haan jaldi plzz...

[@123....infinityanish2]

I have done my Amazon Clone Project and also added some Components, I launched it in live server , Thank you Didi☺

[@memepoint27]

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

[@ShivamSingh-zj7qe]

@@memepoint27 bhai mera bhi clone ban gya hai lekin media query ka use kaise kare. mobile me clone web structure se nhi khul rha hai

[@ARTWITHYASH]

Thanks Ma'am Aapki Videos se muje bahut help hoti hai thanks APNACOLLAGE FAMILY THANK YOU SO MUCH 🙏❤️❤️❤️❤️❤️

[@dhruvilvaghasiya45]

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

[@rushalithorat941]

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

[@dhruvilvaghasiya45]

@@rushalithorat941 bhai use link karna hoga link tag ke under style.css file ko

[@rushalithorat941]

@@dhruvilvaghasiya45 Kiya tha...fir bhi nh ho rha hai

[@raaziazafar7963]

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

[@Tasnim_Sakib]

Ma'am, your teaching skills are just fabulous and to the point explanation.

[@mdsohailafridi5440]

Is this project responsive?

[@Filmyhub-new]

no @@mdsohailafridi5440

[@nadiahammad717]

Thank you soo much my first work has done .Well-explained!

[@prashukjain5742]

great explanation , Amazing way of teaching! , now looking for next part in which we make it responsive as well

[@memelord_sehzaada]

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.

[@Anushka_dubey]

Yess

[@mdsohailafridi5440]

Is this project responsive?

[@harveerSingh-iy9xz]

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

[@Jatinkumar-rz3zj]

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

[@mloodofficials8415]

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

[@Crazyengineer3476]

Yes, it is not responsive I also want to know how to make it responsive?

[@shivanisingh5523]

I got the same issue. How can i overcome through it?

[@Crazyengineer3476]

@@shivanisingh5523 you can take the help of chatgpt by sharing the code to it

[@naveenverma2654]

Thank you . Being a commerce graduate i am learning new skills. And this was my first project. It was fun making clone of Amazon. Many more to go.

[@Mohammad_Ahmad6]

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 🎉

[@sarohe]

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!

[@hvy8292]

bhai kya haal hai 3 mahine hogye kaha phocha

[@sarohe]

@@hvy8292 So far so good! Along with my uni studies I’m continuing programming! Now learning react!

[@adityachand6226]

bhai 1din hogya kaha phocha@@hvy8292

[@Bikkifilms]

@@hvy8292 bhai ye amazon_logo.png kaha milenge? mere mein to set hi nahi horaheyy

[@surbhiarya3390]

really enjoyed this project❤ i t has boost up my coding interest.. plz ma'am bring java script course from beginer to advance😍

[@pintu_patil]

I wish i could have a teacher like you in my college/school/life......genuinely your teaching is amazing Dii #happygurupurnima🙇‍♂

[@pintu_patil]

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

[@mdsohailafridi5440]

Is this project responsive?

[@allahlesboslu2_9]

​@@mdsohailafridi5440no

[@shrikrishnbhakti2694]

Bahut maja aya ma'am 😃😃😃 Thank you so much

[@iitaspirent2395]

Very nice didi your teaching is so amaze for beginners and experience student's

[@Ersaifmohammad155]

Excellent Didi superb video. 👌👌

[@supritichakraborty3105]

This is very helpful, please create more projects using HTML & CSS

[@debasmitamahanta9492]

How to download the pic in folder

[@resque202]

Hlo mam ap bi job krti ho

[@Clearstudy_1]

I done this I really enjoyed thank you mam...❤

[@sideditzzzz8786]

I'm learning html CSS thanks for this 😍😍😍 it's very helpful for me

[@Muaz106]

Bahi java script seekh le ??

[@khushpreetsinghSingh]

Bhai delta 500 meh chyeeh

[@Rahul-hx7pv]

@@khushpreetsinghSingh how

[@go.urav.7]

​@@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..

[@Muaz106]

@@go.urav.7 g css seekh raha hu waisay aap na seekh le js Mai na kuch info laini thi

[@MuhammadSaqib-f6v]

IAM soo happy mam I thanks alot from Pakistan ❤❤❤❤ very easy and valuable explanation

[@arijitkarmakar4002]

We need more clone projects like this

[@SaurabhKumar-mi7qv]

Bro can we use this project in our resume, bro please elaborate i am confused? Since many days

[@mrxgamer1780]

@@SaurabhKumar-mi7qv yes you can add

[@rumiNITPatna]

@@SaurabhKumar-mi7qv mostly its not recommended to add clones in resume as its very common now . but if u add your own features to the clone. then yes, add it.

[@anjalivishvakarma7012]

Thanks didi ❤❤ you are the best teacher

[@YuvrajSingh-my7pv]

My first project ❤️ Bhut mJa aya excitement next level 🔥 Viewers-great and warm applause for shradha didi 🎉🙌

[@staycool3012]

Bhai mujhe bhi help Karo na project karne me

[@learnhumanity6701]

Could you help me, please? My Amazon logo is not visible? Any suggestions?

[@Muskan-er5iu]

​@@learnhumanity6701mine also

[@Muskan-er5iu]

Have u compltwd ?

[@amudhap3]

@@learnhumanity6701 try inserting the path of the image(logo) from the folder u have the logo stored

[@krrish7508]

One of the best clone tutorial out there!

[@iamcodephilic]

Notice to all viewers : Please add responsiveness to this clone project before showcasing in your resume.

[@sanausman2931]

Means?

[@staycool3012]

Means? Please say what you're saying

[@Fit_Facts_shorts]

means?

[@lohithreddym4]

​@@Malaika_ki_raheinbro go with this order cse, ai, aiml, ds, IT

[@Khank361]

His means make a project responsive every device like that mobile tablet pc desktop

[@NehaMathur-h7i]

Superb Shraddha sabse best aapki video lgi mujhe

[@chiragkalra1]

Ma'am thank you so much for this project.. please make more clone projects like this(Netflix etc)❤❤❤

[@nsuleman1499]

ok

[@tanishadahiya4419]

Source code mil skta h ?

[@mdsohailafridi5440]

Is this project responsive?

[@prasadshingne6992]

​@@mdsohailafridi5440 no

[@karma97652]

@@mdsohailafridi5440 nope

[@1mstudymotivation372]

Great maam really I have learn more things❤❤❤❤❤❤❤❤❤

[@Shalini14_]

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😇

[@nehahimanshi]

Hey, mujhe icon nhi dikh rha mere browser par same code krne par bhi kya kru please btao

[@mdsohailafridi5440]

Is this project responsive?

[@hajarah678]

@@nehahimanshi keep the laptop connected to net and save the html file and reload it...I too had the same issue

[@adityasohal-e3x]

THANKS MAM GOOD JOB

[@shijukpl]

Good work. Well explained. Thank you

[@relaxingmusic8781]

Amazing way of teaching! Thanks from the bottom of my heart for this kind of Tutorial

[@sketchwithanshul823]

Bro isko resume me kaise add krna h

[@AsifJalay]

Didi Your One Of The Greatest teacher In Asia May ALLAH Bless you More Success in Life Ameen.

[@malayakumarmahapatra1476]

Mam extremely good.. thank you so much.. this content is useful for every front-end learning students. ❤❤

[@tribalcheif34]

source code??

[@debarghasamanta4895]

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

[@tribalcheif34]

source code??

[@y_khushii]

BEST BEGINNER LEVEL PROJECT 👍🏻❤️❤️

[@tryambakpatil5838]

Am I delta student This video is very helpful us ☺️ thank you didi for this video ❣️😊

[@digantagowala3303]

Hey I also from DELTA 🤩

[@tryambakpatil5838]

@@digantagowala3303which is your degree..?

[@surajvekhande6817]

Mene abhi BCA me admission liya hai kya me delta join kr sakta hu kya please urgent response

[@tryambakpatil5838]

@@surajvekhande6817 bilkul

[@tryambakpatil5838]

@@surajvekhande6817 kha se ho

[@scroll_snap_shorts_]

Thank you for your video.

[@kainatTahir-p2i]

I like Your Teching Style Really youre a Great Teacher

[@payalkumari5722]

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

[@resque202]

Ap bi job krti ho

[@mdasadullah9358]

amazing lecture 👋👋👋👋👋👋

[@shubhamkumar-ts4yl]

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

[@123....infinityanish2]

use display grid, which is more efficient for box sections except navbar, for navbar you can set margin for each screen ranges

[@podcastclips-qr9rs]

hi didi i am not good coder but i see you videos and doing practical work i am satisfied.

[@palanibhavesh]

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.

[@nehahimanshi]

​@@That_..x.vs Code or Sublime text you have to install

[@nehahimanshi]

​@@That_..x.make sure to file before writing code Eg-file.html for html And file.css for css

[@Malaika_ki_rahein]

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 .

[@mdsohailafridi5440]

Is this project responsive?

[@hamzataj7546]

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

[@H.M.RayyanMughal777]

Thank you so much for this project.. please make more clone projects like this.. This project plays very important role in my assignment

[@tanishadahiya4419]

Source code mil sktà h pls?

[@mdsohailafridi5440]

Is this project responsive?

[@UmarKhan-z1v7b]

Best of Luck And thank you so much for helping of us

[@DilGamingg]

Hii ma'am. I have a problem in applying this code. The image I want to apply is not applying in section can you help me resolve the problem. Please ma'am 🙏🙏

[@mr.reddy.17]

Thank You Di 🙏😃

[@Pauleditz05]

Bro source code share krega

[@priyaranjansharma42]

Kon kon sharddha didi ko best teacher mante ho ❤

[@Lokesh_Raj11]

Amazing Project Mem.. Many things are i learn. Thankyou🙏🙏

[@earthlinkdesignersedtech3531]

We need more videos like this and it should have animations also

[@khushpreetsinghSingh]

Delta 500 meh

[@garvsingh8365]

@@khushpreetsinghSingh kasa ?

[@notrajif]

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.

[@noumanjat5421]

Ma'am one request: Please upload JavaScript videos specifically designed for web development. Thank you..

[@tiadyd2226]

Didi Thank You For teaching us...One request please share the html and css docs with Project its very helpful for analysis the Project

[@shubhamannpurne1795]

hi

[@Muskan-er5iu]

How to add image in vs code

[@RabbaniMahammad-d4l]

ur teeaching is very well mam.tq very much mam.....

[@AbhiGupta-gi8ri]

Mam please make full playlist on machine learning technology

[@AnkitKumar-vh9db]

Puri chize aachi traf smjh aarha hai aur mja v aarha hai From:- maharishi markendeshwar University 1st year student

[@rajdeepdeb5369]

Really a good hands-on lesson on HTML+CSS. Learned a lot from it! Thanks for the amazing content.

[@shaiktanveer357]

Hello, Have you done this Project If Yes , Can you please provide the code (HTML&CSS).....

[@alinaeem9156]

good too good exceptional lecture i have ever seen very good teaching madam great explanation may God bless you madam and your huspand

[@SUFIYANGAMINg-oi1db]

i have a problem in this amazon logo is not showing iwll check all things that you did in this video

[@virat7422]

Yes nhi ho raha hai show

[@Mental_Redemption]

'images/amazon_logo.png' add images/ before png

[@RanvirThakur-z4i]

How​@@Mental_Redemption

[@manjuaggarwal7215]

Thank you..for being a great teacher for me....

[@Adityasingh-vy4gt]

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

[@Alhumd.clothes]

same issue

[@sahanan.s.4971]

Same issue

[@businessteg4071]

Wonderful teaching skills thank you very much

[@HarmonicHorizonMusics]

Amazon ka png show nahi ho raha 😢

[@ChiragGupta-ei4ro]

The video is amazing . Really didi, I learnt a lot from u😊, THANK YOU from the bottom of my heart.

[@AshaJha-uf2ow]

Thank uuuuu so much diii .......for this clone project and most helpful videos........ Its really helped me lot...❤

[@Class-zg9kd]

Please bring something exclusive for students who have got admission in 1st year btech now only we are waiting.

[@me-zs7tr]

bohot maza aaya mujhe iss project me. thanks didi

[@markiV643]

ab main jara html se nasa hack krne :)

[@SouvikPati2]

Bro mujhe vi Instagram pe nasa ka data send kordana 😂😂😂

[@anurag6217]

Best ok luck 🫠

[@durgeshkulshreshtha]

Thank you so much didi♥️♥️

[@monika7015]

i loved doin this project... my very 1st project ..boosted my confidence .. A huge shout out to all in APNA COLLEGE ..U GUYS MAKE CODING AMAZING

[@Muskan-er5iu]

My Amazon logo is not visible

[@sanjanahalli1174]

This project is already included in CSS tutorial which was uploaded on 4th june 2023

[@resque202]

Ap bi coding kr rhe ho

[@richadubey659]

Thank you so much didi ....😊😊😊hats off for your efforts 😊😊😊❤❤

[@Thuglife_12]

Yah to CSS ka last wala project hai ...CSS wale video ki last ki clip hai yah ....Kon kon notice kya hai???😅

[@Support9090]

Han Bhai iam 🎉🎉😂😂

[@mathswizardbymanohar]

Ma'am your teaching method is very impressive

[@rishu_singh_]

legends know this is copy paste from css tutorial video😂😂

[@Yotrade332]

😂

[@swapnalideshmukh1767]

You can refer as practices

[@thenomi73]

for better understanding copy paste is very useful method.

[@GLgamerz]

True

[@riyapandey3103]

😂

[@amzonvedio6544]

Mam your lectures awesome your teaching method wonderful

[@Dhimanlove_12]

Source code please

[@beinlight98]

*Really Impressive and well explained*

[@namangarg2889]

Thank You Didi For This Lovely Project. This Project Help's Us Alot For Learning.🥰

[@hamudxd9497]

WOW SUCH A GREAT WAY OF TEACHING

[@Shivansh_sxni]

thank you didi for this wonderfull project...

[@Hansuja19]

done within a day tysm!! this is my first project

[@syednaqvi3216]

outstanding expertise and way of making understand others, stay bless

[@thanglishboy9128]

Excellent pace and top tier video for learning

[@nababali7616]

Best teacher of development thank you Ma'am

[@SachinKumar-wm2tq]

Thankyou so much mam for wonderful explanation in detail♥♥.

[@rushalithorat941]

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

[@smiling9197]

Thanks for teaching us it's really a great help from you😄😄😄😄😄😄

[@nishantkajla206]

Finally Completed. Thank you so much mam.

[@Nothingtosaymore]

Thank you ma'am, today I have finished Amazon clone 😊 MY FIRST STEP TO MY DREAM JOB STARTED.....