Create Ecommerce App with React And Firebase | React Ecommerce App| React Project For Beginners 2024

Building an e-commerce website using React and Firebase is a popular choice for web developers due to their flexibility, ease of use, and scalability. React is a JavaScript library for building user interfaces, and Firebase is a Backend-as-a-Service (BaaS) platform that provides various services like authentication, real-time database, and hosting. Here's a high-level overview of how you can create an e-commerce website using React and Firebase:

👇👇👇 Complete Ecommerce Project Docs Link 👇👇👇

✅ Complete Ecommerce Project Docs :

👇👇👇 Ecommerce Project Timestamp 👇👇👇

0:00 : Project Introduction
9:04 : Project Installation
13:45 : Folder Structure
19:41 : Create Navbar
30:17 : Hero Section
32:32 : Category
35:34 : Product Card
40:31 : Track Component
43:58 : Testimonial Componen
47:24 : Footer Component
49:50 : Product Info Page
57:42 : Cart Page
1:02:56 : All Product Page
1:06:39 : Login And Signup Form Page
1:11:29 : User dashboard Page
1:15:52 : Admin dashboard Page
1:27:42 : Add And Update Product Page
1:31:16 : Firebase Setup
1:37:04 : Create Context Api
1:41:41 : Signup And Login Function
2:11:15 : Protected Route
2:18:14 : User Dashboard Page
2:20:39 : Admin Dashboard Page
2:23:14 : Add Product Form Function
2:32:26 : Get Product On Admin Dashboard
2:40:30 : Update Product Function
2:51:51 : Delete Product Function
2:57:33 : Get Product In Home Page
3:00:53 : Get All Product
3:03:28 : Get Single Product On Product Info Page
3:12:31 : Category Page
3:22:30 : Redux ToolKit Setup
3:31:08 : Add To Cart In Product Card
3:42:30 : Get CartItem on Cart Page
3:53:07 : Add To Cart in Product Info Page
3:56:26 : Buy Now Function
4:07:20 : Display Order On User Dashboard
4:15:36 : Display Order On Admin Dashboard
4:21:04 : Delete Order Function
4:24:20 : Get User Detail On Admin Dashboard
4:29:30 : Create Search Function
4:33:12 : Project Deploy

✅ Complete Ecommerce Project Playlist

✅ Full Stack Development Roadmap 2024

************ Must Watch Videos For Web Development ************

#reactjs #firebase #reactjsprojects #ecommerce #react

[deepakpanday]

Great project sir 👍 please add payment gateway

[rajeevyadav-npfg]

Mai apne project vercel par upload kr rha hu to error d rha h samajh nhi a rha kya kru isme. M fas chuka hu

[rajjyotinath]

I can see one error. Suppose user 1 adds a few items in the cart and then logs out. Now if user 2 logs in then he can see the items added by user 1 on his cart.

[nayaktricksgaming]

Payment gateway bi add kr dete to maza aa jata

[XAVIER-jbyj]

unable to fetch data from firebase to admin dashboard. anyone could help me??

[rajeevyadav-npfg]

mene admin wala sign up kiya but m uska password bhool gya jisse m login nhi kr pa rha h. password kese find kre admin ka

[DikshitaBelchada]

Once I sign in on the website it is not visible on my firebase!
How can I solve this?

[swatimishra]

Thanks for this amazing project sir 🙏

[larissakengne]

thank you veryy much for the project may god bless you for your kidness

[neelk.makwana]

Sir Request To Add Payment Method Because It's Very Helpful for Us.. So Request to you sir please add Payment Method

[neerajsemil]

bro if i add tailwind css source path to config file then tailwind properties is working or if i add material tailwind source path to config file then material tailwind is working but you used both at the same time how is possible please reply as soon as possible

[rakeshkumarparida]

Can you please add the payment getaway?

[masumbillah]

Thanks lot...Greate project for learning...please add review rating option

[ShettySushmitaRajeeva-znoe]

my data is not getting stored in the firestore database so the signup page is not getting redirected to the login page . can you please help me

[jongwookpark]

Im newbi I wann know id : admin and Can u plz explain how to make firebase DB and show DB can u?

[kshatrapalsingh]

Thank you so much sir for this video,
Sir jb product add krte h to select image url ki jgha choose image wali functionality ho jay to sir kr dijye please.
One think sir when I face some issues on this project then help me please.

[md_samir]

Bhai mera problem solve kariye cartitems. Length me prblm arha navbar me

[riddhikesharwani]

even adding the vercel.json file i am getting the not found error on all products page

[Moviewalaa]

Bhai isme esa nahi ho sakta h kya jese ager hum order kre or customer ki sb details Hume whatsapp ya mail aa jaye

[twjzdvt]

Ek aur banao sir Aisa project plss pls sir