How To Create Complete Ecommerce Website Using React JS Step by Step Tutorial 2023

[@GreatStackDev]

part 2: kzbin.info/www/bejne/r2qcipqXhs-arpY

[@DhanushKumar-h6k]

Brother after the part of breadcrumb its not working properly for me... Can you please help me with this issue....

[@techtube-ey7ef]

@@DhanushKumar-h6k you mean the product id ? yea its the same here product id said undefined you know.

[@mohammedalthaf8143]

Code didn't work what to do

[@MurtazAhmed3374]

Setting_Routes : 24:49 Displaying_Products : 43:06 Shop_by_Catagories : 1:22:50 Product_Detail_Page : 1:46:58 Displaying_Product 2 : 1:54:00 Login_Page : 1:39:05 Scrool_to_Top : 2:22:17 Add_to_Cart_Logic : 2:23:18

[@abhinavgupta1219]

I also started learning react js from your channel, keep building more react project like this ❤

[@635_AymanKazi]

Where the backend part starts?

[@piyushaggarwal2396]

completed this project? @@635_AymanKazi

[@ShivamGairola-l6h]

Yes sir please upload the backend part, we can buy you a coffee and get the source code but doing it systematically would make us learn better

[@abhinavgupta1219]

Thanks for this project, i was really looking for this to create ecommerce website in react and add it to my resume. I was searching for this project from last few days but i never found any youtuber made it in a way you did it. Best channel to learn frontend.

[@_raphael.6]

can you send me a file whit all the coding?

[@saisoumya5886]

Can you send me the front end code

[@Ankita_12353]

Plz share code

[@MRNani-rw6td]

​@@saisoumya5886did u get code, please rply me

[@sarfrajahammad7740]

bro i have source code will you plz help me in running the code

[@naturepeace918]

Today i completed e-commerce website watching this video. and its amazing have learnt alot from this video. this is the best video you have to watch if you are a beginner. well explained i just amazed the way of teaching. i recommended this video. if you want to learn react js and want to make a project must watch this video. best video for the beginners. well explained 👍👍👍👍Thank you. please make more videos related to that. Thank you

[@GreatStackDev]

Glad you liked this project and thanks a lot for the feedback. 😊 Keep Coding.

[@Hafizanoorfatima-y9e]

I didn't understand some points related to this video can you help me?

[@Umeshsharma-fw3on]

Please share the code please

[@NishantWanjari_Student]

@GreatStack Completely followed this video. Loved it. One Humble Request, Can You Please Upload The Next Part Today For The Sake Of Continuity Of Project. Please it will be great help if you comply with our request. I along with others highly anticipate quick response from your side. Thank You So Much.

[@GreatStackDev]

I’m glad you liked it. The next part is yet to be created. Once done, will upload it. Do connect with me on GreatStack instagram to get in touch. Thanks

[@marrixmedia6448]

Very nice tutorial. This activity will serve as an inspiration on creating my portfolio project and make it more responsive

[@arklystu.]

this video is pure css writing, the title is missleading.

[@DEBUGENTITY]

Make an complete ecommerce website with shop filters like colors sizes categories and range price slider. And also make wishlist & color swatches option too.

[@V1xenren]

is html css js enough for building an complete website and how a real job looks like

[@yuvrajdholia4767]

Really a great tutorial. Loved it. But can you tell us when you will be uploading the next part of this tutorial which contains the backend and database connection. Eagerly waiting for it

[@abhishekpawar2266]

yes sir, pls upload backend also..

[@harish5466]

I know html css javascript reactjs and bootstrap... should I know any other framework or Library to start this project ?

[@tushar6393]

2:23:39 only these are showing-> Products Titel Price QTY Total Remove my cart page not working any solutions??

[@razarajpoot9811]

@@harish5466 No, That's enough.

[@harish5466]

@@razarajpoot9811 thanks

[@seanclarito5934]

This is probably the best tutorial I've ever followed on KZbin. Thank you for the tutorial!

[@augastinendeti4448]

Yes it's good. Were you able to do the backend?

[@guglita1742]

Needed this video like oxygen now...

[@BAfreenJan]

Today I finished this project and I learned a lot from this video.Thank you so much it was a great video. Looking forward for such wonderful videos in future..............

[@GreatStackDev]

Glad to hear that! Will surely do it. Thank you for your wonderful comment. 😊

[@saumyakakran]

Hi please tell me is it beginner friendly?!

[@BAfreenJan]

@@saumyakakran yes, you should have some basic knowledge of react rest is very easy.Even if you don't have still you should go for it he explains each and every concept in an easy way.

[@Don78395dherre]

​@@saumyakakran hei can you provide the git hub link

[@Don78395dherre]

​@@BAfreenJanprovide GitHub link I am stucked with product I'd issues in breadcrumps

[@nukhaimongmarma5789]

Thank you very much... leaned a lot of concepts practically.

[@AtulSolanki-v6x]

Finally I Completed this video Thankyou so much for this tutorial it is great tutorial. Sir please use tailwand in another tutorial. Love from NIT BHOPAL

[@ALex-n3q6e]

Brthr did u find any problem in adding image to the file ?

[@sarfrajahammad7740]

bro i have source code will you plz help me for running the code

[@salmanmalik-s7c]

​@@sarfrajahammad7740 Bro can you give the 'All_Products.js' file???

[@mariaxenaki2620]

I haven't finished it yet. So far, it's the best tutorial I have EVER seen! Thank u, thank u, thank u! I will provide update upon finishing it😊

[@hitfit1646]

I need your help in this project

[@mariaxenaki2620]

​@@hitfit1646 what kind of help?

[@MichaelGrigoryan-c4e]

Can you help me?

[@sarfrajahammad7740]

hello i have the source code will you plz help me in running the code

[@yatessnyder1490]

It's good practice and useful to practice some basic styling.. That said the styling needs work to look good on different monitor sizes.. as well as handle resizing the window..

[@Framemite]

2:54:04 return totalAmount; put it (Below the blue flower bracket ) it took me 4 hr to just figure out that simple mistake

[@eddymono1724]

Me too. Thanks

[@n0tark349]

Thanks for helping out!

[@saifsvlogs_]

thankyou so much bro 🌹

[@vlogswith_kalyani14]

thank you so much

[@ishanmulajkar4679]

Thanks 👍🏻

[@kelvinronoh]

This video made react look extremely easy...

[@chandanpandey5315]

bro u have code

[@piyushaggarwal2396]

yes@@chandanpandey5315

[@VINNY_editor]

I hope you are doing well Please backend part as soon as possible We are waiting for backend part ❤❤ Thank for this part making😊😊😊

[@piyushaggarwal2396]

when will second part come?

[@prasadbagul2146]

Sir Your All Videos Are Awesome And Also You Explain Every Step Very Simple Way And That's Why It's Easy To Understand Love Your All Videos Sir ❤❤❤ Please Make More Project On React

[@ShrekshaKhadka]

Npx create react app ke liye konsa extension chahiye vs me

[@nishthapaul3264]

Hi, very good video. Wanted to ask why didn't you use bootstrap instead of css?

[@kamrankhanofficials]

I want to know React JS benefits against Wordpress and Shopify, Kindly elaborate... and if its hosting on netlify effects sales or not...

[@Zakariyesultan]

Absolutely lesson. Thanks for this video, teacher ❤

[@_raphael.6]

can you send me a file whit all the coding?

[@Zakariyesultan]

@_raphael.6 why ur want?

[@surajscreation8254]

Send me all code files

[@AnirudhRaman1]

Thanks bro :)✌! Your video help lot through learn by doing project in React. Mostly I like structure way of creating component.

[@AbigieIgbonomi]

Thanks so much for the video I love all your videos pls can you provide us with the backend video too 🥺🥺🙏. I got to understand JavaScript so much because of you.

[@eddymono1724]

Thank you and more grease to your elbow. Very helpful tutorial. I will always visit your channel. I subscribed already

[@GreatStackDev]

Glad you liked it. Thanks for your subscription and comment. 😊

[@Umeshsharma-fw3on]

Can you please send the code of it

[@hasantalukder9481]

Very nice project. I aleady watched full video. I have a request please make it responsive. Thank you!

[@chandanpandey5315]

bro u have code ?

[@hasantalukder9481]

@@chandanpandey5315 yes

[@tushar6393]

2:23:39 only these are showing-> Products Titel Price QTY Total Remove my cart page not working any solutions??

[@hasantalukder9481]

you can check code

[@yashghoniya755]

@@hasantalukder9481 where bro can u send me

[@muhammadafnan_8819]

In How many parts will be cover this project plz reply must

[@mehmetkarakas130]

thankyou so much. Great educational video. i have benefited espcially about the functions of the basket.

[@vkrdec]

Good project tutorial.. But you should show the disign first ,what you are going to create. It can help better to understand.

[@nayangupta6702]

In the popular section, images are not shown in the browser .-> 'import React from 'react'' I have just imported this only instant off ' import React from 'react' 6.9k (gzipped: 2.7k)' it doesn't affect the code plz reply, sir if you have a solution plz reply to me 52:4

[@blackdemonyt2631]

just a question before i start working on this project does it include redux or redux toolkit nd does it include API ??

[@kaydeeinmy]

Thank youuu for the videooo ~~~ So easy to follow, the way you structure your code so nice !!

[@PakistanfunCom]

This video is very helpfull For bigener Thanks

[@Raimaaftab-x9r]

❤ awesome 💯 may ur hard work paid please also share how to deploy this kind of project and get its live link

[@GreatStackDev]

Have posted a video last week on how to deploy these apps. Please check it. and thanks for your comment. 😊

[@omkarkathile1249]

Great Project Sir learn a lot about React❤❤🔥🔥🔥

[@CrazyAshu34]

If you Show the output in the side or every 10 minutes it would be great to spend 2 hours 😅

[@sahilzore867]

very helpfull tutorial for beginner developers who learn react js thanks sir

[@Farr-886]

Give souce code

[@sandeeppradhan4697]

plz give the source code

[@NiloferAbdul]

Plz upload videos of marketplace apps like olx, quickr using react js and firebase

[@abdulrahmanali3467]

the image doesn't render onto the page.. any fixes ?

[@cse100amisha6]

Were you able to reaolve the issue? Please reply

[@hdhjshsh19]

yea i am facing with the same problem. have you fixed this problem yet?

[@hdhjshsh19]

@@cse100amisha6 hey you i think i just fix this problem and i will help you. Just add $before {props.new_price} and {props.old_price} in item file

[@just_like_heaven]

Add category:'mens or womens or kids' In all_product.js

[@Umeshsharma-fw3on]

Define on header

[@baroneffeh5218]

Nice work! You've done so well. Thank you very much.

[@him99ful]

nice tutorial but one fault. dont you think you have written repeated CSS for new collection and popular section in the shop page. must be a dynamic way

[@sourabhjaiswal7919]

Hardly needed this video sir thank u so much❤❤

[@chandanpandey5315]

bro u have code

[@harshdangi6289]

Great video, eagerly waiting for backend code :)

[@navnathbelote493]

Great tutorial. Please create more such videos

[@kodikabi5935]

Amount pay Panuna backend code kidaikuma

[@audiobooksmzp]

after the hardwork of 2 days finally completed this project

[@epictube5045]

bhai can you please share the github url for css reference. I am getting some error. I would be so greatful

[@audiobooksmzp]

@@epictube5045 github par upload nahi hai local storage me hai file

[@akashvelmurugan631]

Bro @audiobooksmzp can you please provide your github link

[@dharmikjain5288]

​@@audiobooksmzpkab upload karega vroo fir aj kare so kal abhi karde live 😂

[@Yash.pixels]

1:53:55 i'm getting same error i guess ! @@epictube5045

[@MohammedKhelifa-rk9ko]

Thaks for the vedeo , but sometimes i could not understand parts of the code like cart component💫

[@chiedoziechibueze2885]

My boss, u too good i love ur video....pls make a video for backend plssssss

[@chandanpandey5315]

bro u have code

[@KunalsinghOberoi34]

Bro please share source code

[@DEBUGENTITY]

Hey really a great one.. Can u pls make Sidebar filters for shop page.. In upcoming e-commerce videos.

[@nguyenhuuhoang8131]

I appreciate your help. Thank you so much for giving me more experience

[@bangariramu1582]

awesome sir really thank you. and also do a full tutorial on mongo db. please

[@ombhamare9507]

Because of you my website is working now can you teach how to make wallet of crypto and selling and buying of crypto using html css and js or react js

[@motivation2change754]

The most waited video with awesome voice

[@michaeloforitwumasi1262]

Please I have a question. Please what is the difference between margin: auto; and margin: 100%; in CSS? Thanks

[@GreatStackDev]

margin: auto; is used for centering elements horizontally within their containers, while margin: 100%; pushes the element to the edge of its container, potentially causing it to overflow or be hidden.

[@michaeloforitwumasi1262]

@@GreatStackDev thanks

[@rithirithikaa7331]

​@@GreatStackDev when will u upload backend code. Upload Asap please. And thanks for great teaching

[@yohannesaddisu1905]

the moves back to the shop page when refreshing the page from the mens or women or kids page. how can i fix that?

[@यादोकीडायरी-म1ण]

hello sir Ihave a problem in ShopCategory.jsx file while I use the map function for category item it show an type error : cannot read properties of undefine (reading 'map'. when i solve the problem by using ? before the map function error is fixed but it does not show the listing of item while clicking on men and women and kid section please solve this problem

[@cse100amisha6]

Were you able to resolve? Please reply

[@यादोकीडायरी-म1ण]

@@cse100amisha6 No this problem is still not resolve can you help me to resolve this problem

[@vinayr6076]

​@@cse100amisha6have you completed the project

[@krokxx03]

same problem ,

[@danmuteb4736]

@@krokxx03 you need to write "all_products" like this. if you miss the "s" which is at the end of product, you will get this kind of error. i've spent 2 hours to find that

[@naturepeace918]

amazing video best video on youtube of react js 👌👌👌👌👌

[@GreatStackDev]

Glad you liked it. Thanks for your comment. 😊

[@a.k.technicalakt3087]

Really it amazing , Thank you so much Please backend also i am waiting

[@shrinivaskulkarni6263]

Hey @greatstack great video also please upload backend part and don’t forget to deploy the project it’s humble request I will buy you a coffee thank you 😊🎉

[@piyushaggarwal2396]

hey can you help me

[@devisiva3933]

Thank you so much sir

[@NguyenThanhNhaFPLCT]

thank you, I've learned a lots from this video!

[@moatasimashraf6818]

Excellent!, but where is the backend part?

[@kelvinowit431]

Its good.. would you consider using react with firebase as the backend

[@Unknown_Star.]

Correction at 2:54:16 : return should be out of the loop

[@tushar6393]

2:23:39 only these are showing-> Products Titel Price QTY Total Remove my cart page not working any solutions??

[@Unknown_Star.]

@@tushar6393 check code of cartItems

[@lubomirtasev6310]

@@Unknown_Star. Hey bro, I wouldn't mind some help. At 1:53:50 I can't go to the product page. It says The above error occurred in the component at const { product } = props. Do you have an idea how can I fix it?

[@Unknown_Star.]

Breadcrum is only show the path. remove and check output.its run that mean you made some mistake in breadcrum.

[@omkarwakchaure1396]

Thanks brother ❤

[@krambalos24]

you have a lot of subscriber sir congratsulations

[@GreatStackDev]

Thanks! 😃

[@muneebkhannn]

i have a QUESTION .. have you created this Project using CONTEXT API or REDUX toolkit

[@MrMaani08]

Nice video. Thanks for sharing with us.

[@khabibkayumov9637]

Thank you

[@ShortClips.._..]

Amazing Video websites are working properly

[@sudheeshvilla7340]

have you complete this

[@vinayr6076]

Have you completed it??

[@vinayr6076]

​@@sudheeshvilla7340wt about you

[@ShortClips.._..]

@@vinayr6076 yes

[@ShortClips.._..]

@@sudheeshvilla7340 yes

[@vipinr8473]

Thankyou very much sir .

[@subramanianchenniappan4059]

Great . Thanks . 😂😂😂. I am a java backend lead . Wamted to learn react for an impending fullstack (client )project

[@smaitini]

Gracias genio!!!! Thanks genius. You're the best!

[@8xnnr]

Would it not be more optimal to map through the entire data?

[@JafarAhmadi-b2w]

Thank you so much for your toturial .i have a problem in cartitem file, in if condition it never execute if i remove the if condition it goes to infinit loop.please help me for solving this issue

[@joelmathew432]

I tried to calculate the subtotal but it didn't display the correct value. I would be glad if you can help me on this

[@BhaktiTone]

Sir Please Tell Me How To Create A Website Where We Can Or User Can Upload Any Images Of Their Choice And That Images Are Visible To Everyone Who Visits The Website

[@sujalsujal4077]

which extention are you using that is resulting in auto typing of the import commands and all stuff? please tell

[@Anastasia_.2250]

Hello! I'm kind of new to E-commerce and i don't have much idea about it. I have a question if anyone's willing to answer. So i sell some stuff on Amazon and i want to make a website too for my stuff. Is it possible that ppl who buy from my website automatically buys from my store on Amazon? If yes then how do i connect my website with my Amazon store?

[@sophiarichard-os8nk]

I recommend you speak to an expert. An expert helped me create my website too and she was extremely helpful and made it easier for me. I can connect you to her if you don't mind. What do you say?

[@akulavara2940]

​@@sophiarichard-os8nk How much does she charged for the website !

[@arnab_16]

10k to 100k@@akulavara2940

[@NamTran-wq8bk]

hi, i'm a newbie student to learn react, why when i cut a page in template, the animation such as slider, modal,... not work. My English not good, sorry about that!

[@senior_kalmykov]

Really great video which shows me how easy development can be. Big thanks to you bro. By the way I have one error at the very end, with getTotalCartAmount function. When I add products to cart, total doesn`t counting and in devtools I see an error which says "Each child in a list should have a unique "key" prop." Why? I have no idea how to relate to that... All the code I write by yours example, changed only css. Can you help with that?

[@himanshujain5861]

if you use map function than you give the key in your parent element like key={movie.id} that thig comes here map((movie, id)=>{ })

[@himanshujain5861]

correction key={id}

[@senior_kalmykov]

@@himanshujain5861 where? I've tried this before asking in all files where key prop is exist, but it was useless. So, I do not understand where should I add it. Devtools suggest to check render method of CartItems thanks for your answer

[@yashvijaybombale6896]

In. Map() function where you used to render element for cart

[@senior_kalmykov]

@@yashvijaybombale6896 .Big thanks, this helped, you're right.

[@Farr-886]

sir give me help me 1:58 :57 on an error so tell me why show am facing product component error do not show multiple image and product image and star icon and react router path miss match so plz this situation can handle plz help

[@jk.4984]

where should i will get the Assets images from?

[@epictube5045]

Thank you. It was just the way I learned React. Please upload the backend part

[@DimahDev]

i'm in the first hour the image doesn't appear with the items and i have no errors what is the problem? great video by the way thank u

[@KandeelMukhtar12]

AslamoAlikum kiya sir ap next video mein aik lawyer website tutorials upload kr skte hain how to make a lawyer website

[@mdshabbirali3257]

Make it responsive using media queries which will make it better for mobile web browsers as well

[@idevkr]

Checkout, the 2nd part of this video there is media queries to make it responsive

[@MichaelGrigoryan-c4e]

@@idevkr problem, when click on a product to check product details it doesn't show anything

[@techtube-ey7ef]

sir the if else statement in shopcatagory in which you use to catagore images according to thier class catagory isn't work for me what shall i do?

[@rahimasuhaina7997]

same did you find the solution

[@omarbarbeir9887]

After doing map on all_product and click on men or any other tap nothing appears what is the problem?

[@cse100amisha6]

Were you able to resolve the issue? Please reply

[@AkunBelajar-kx5ce]

great very very amazing thank sir 😍😍

[@ParmodYadav]

Amazing video👌

[@sujoykarmakar1358]

thank you sir for making this video🙏🙏🙏🙏🙏

[@adetoyedaniel4968]

Waiting for the next video sir. God bless you

[@aforangular3759]

Good work sir 🎉

[@qiupprogramme4484]

Hi thanks for the video. When can we expect the backend and login part ?

[@harish5466]

Hii I know html css javascript reactjs and bootstrap... should I know any other framework or Library to start this project

[@mkTraylang]

Thank you!

[@GreatStackDev]

You're welcome. Thank You. 😊

[@fuadabedin2620]

when i click the login from shop it doesn't work but if i click the login from men ,women ,kids section it work properly why is this ?

[@Monarch6969]

Can you tell me if you are using html this is my first time making a project.

[@michealchoong2277]

may i ask im following your step at breadcrums part . when im save but breadcrum is not showing out