Building AMAZON Clone for Beginners | Project using HTML & CSS
Vložit
- čas přidán 20. 06. 2023
- Link for Project Resources : drive.google.com/drive/folder...
You can join the NEW Web Development batch using the below link.
🔥Delta 3.0(Full Stack Web Development) : www.apnacollege.in/course/del...
Early bird offer for first 5000 students only!
International Student (payment link) - buy.stripe.com/7sI00cdru0tg10...
---------------------------------------------------
📌 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 : czcams.com/video/bN6DE-4uFNo/video.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??
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
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 🤣🤣🤣🤣🤣
great explanation , Amazing way of teaching! , now looking for next part in which we make it responsive as well
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
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
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??
mam your teaching method is very impressive mindblowing any student can understand😊
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 CZcams 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...
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
Thank you soo much my first work has done .Well-explained!
really enjoyed this project❤
i t has boost up my coding interest..
plz ma'am bring java script course from beginer to advance😍
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 🎉
Ma'am, your teaching skills are just fabulous and to the point explanation.
Is this project responsive?
no
@@mdsohailafridi5440
Thanks Ma'am Aapki Videos se muje bahut help hoti hai thanks APNACOLLAGE FAMILY THANK YOU SO MUCH 🙏❤️❤️❤️❤️❤️
Very nice didi your teaching is so amaze for beginners and experience student's
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
mam is so genius she has left little tiny things so we may not be dependent 100%
Amazing way of teaching!
Thanks from the bottom of my heart for this kind of Tutorial
Bro isko resume me kaise add krna h
Outstanding piece of explanation.🌟 Hats off👏.
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.
Thank you so much for your help. This is my 2nd project of HTML CSS. :)
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
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
I am learn lots of Codes with this Project. Thank you for this clone project & your precious time.
Thank you very much mam. It's my first web project thanks i learned a lot from this video.
❤🙏
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?
Hii didi me apke ye video toh ni dekhne aya tha mai but kch der watch krne k bad pura dekha maine and apki way of teaching mujhe bhout motivation miltah im big fan of your and thanks you keep shining keep smiling di 🌼❤🙏
The video is amazing .
Really didi, I learnt a lot from u😊,
THANK YOU from the bottom of my heart.
Mam extremely good.. thank you so much.. this content is useful for every front-end learning students. ❤❤
source code??
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..?
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 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
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??
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
Amazon clone is made in amazing way. Thank you very much didi.
One of the best clone tutorial out there!
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
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
thank you didi for this amazing tutorial. I will definitely expand on this project and make it even more like the original
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
Very Helpful video... Thanks 👍
Thank you ma'am, today I have finished Amazon clone 😊
MY FIRST STEP TO MY DREAM JOB STARTED.....
outstanding expertise and way of making understand others, stay bless
Nice guidance for make a good project with fronted I humbly request didi please make a dynamic changes this project please using javascript and Bootstrap as possible react framework in next video thanks for supporting everytime. 🎉🎉
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).....
A lot of thanks for this best project... Please make more video like this..
You have my Gratitude
thankyou very much didi for this tutorial this was really helpful to me :) .
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
Ma'am one request: Please upload JavaScript videos specifically designed for web development. Thank you..
Didi Your One Of The Greatest teacher In Asia May ALLAH Bless you More Success in Life Ameen.
the way you explain is amazing. concepts got cleared.❤❤
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?
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
good too good exceptional lecture i have ever seen very good teaching madam great explanation may God bless you madam and your huspand
I started this today and build this clone completely now.. Thank you Shardha didi😍😍😍
Is it responsive or not?
Mam please make full playlist on machine learning technology
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
upload more project of html css and javascript..... it was one of the best explanation i ever seen. bohat sara payar from pakistan .
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 CZcams it's awesome.I always watch all videos of your's
Amazing Project Mem..
Many things are i learn.
Thankyou🙏🙏
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
😂
We need more videos like this and it should have animations also
Delta 500 meh
@@khushpreetsinghSingh kasa ?
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
thank you so much di. You make learning so simple and interesting❤
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
We need more projects like this❤
Is that responsive too?
@@makumarrr385 noo
Really good project to practice your HTML and CSS, learned alot of things... Thank you and make another video where JS is used
hi didi i am not good coder but i see you videos and doing practical work i am satisfied.
Please bring something exclusive for students who have got admission in 1st year btech now only we are waiting.
Kon kon sharddha didi ko best teacher mante ho ❤
Thank you so much Didi for making this lovely and informative video for us... ❤❤❤❤❤❤❤❤❤
finally complated with practice , thankyou so much ma'am, ....
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
Source code please
Thank you so much ma'am. It was a good project for Beginners.
Thank you so much diii, this video is very helpful and I learn so many new things about html and css thank you so much again.
This project is already included in CSS tutorial which was uploaded on 4th june 2023
Ap bi coding kr rhe ho
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 🎉🎉😂😂
Bhaiyon badi mehnat se ye course banaya hai ❤❤
Thank you very much madam for this real life project 🙏🙏🙏
mera to logo hi ni ara😮💨☹
हां हम आपको पहचानते हैं आप मेरी शरदा दीदी ही है रोज-रोज क्यों वीडियो के स्टार्टिंग में बोलते हैं😂😂 बोर हो गया हूं सुन सुन के😢
😂
She is shraddha not sharda
@@mrunknon😂😂😂😂
Aage badha kr start Kiya kro agr bor ho rhe ho to ya behtar hai dekho hi mt pr aaise nahe sahab jii kisi ko aaise nahe bola jata
Roz sunta hai fir bhi sahi naam nahi bolna aya tujhe...isiliye bolti hai wo roz roz.
amazing way of teaching didi whatever you teach I understood everything
IAM soo happy mam I thanks alot from Pakistan ❤❤❤❤ very easy and valuable explanation
we are waiting for for your javascript video. The way you teach us is really different and amazing that no one can. kindly make a video on javascript.🙂
Good explaination didi plz upload more like such project which help us for putting in our resume
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
this is very helpful, please make some more videos on such projects
I am also making this project with the help of you .
thanku mam
Really loved it and done it maam..gain more intrest and motivation for coding.
Best teacher of development thank you Ma'am
Thank you so much for making this video .I did this with you and its so much fun
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?
please aise hi project k vdos le aaiye kyunki
bahut padh liya but ye kuch satisfying hai
Thankyouu so much maam ,for this project may god bless you
bohot maza aaya mujhe iss project me. thanks didi
Good work. Well explained. Thank you
Superb Shraddha sabse best aapki video lgi mujhe