Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 3 years ago

React Firebase Auth E-commerce product page

firebase, react, sass/scss, styled-components, react-router
Ionathan•30
@IonathanG
A solution to the E-commerce product page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Here is my E-commerce product page built with react and firebase. I added login/signin page and a checkout page. It uses firebase authentication and handle all steps until final checkout.

I have used context API to manage the User Status and the Cart Status and local storage to save the cart for later use. I intend to grow this project to include many more products, would it be better to use redux for the cart? So far I have handled it with Cart Context API only.

I was also wondering if I there is an easy solution to store the cart of each user on an external database such as firestore? I have never done this before. Any other feedback is greatly appreciated! Thank you very much.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Ionathan's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License