React E-Commerce

Web Development

Overview.

A basic e-commerce website developed using React and Firebase. I followed an online tutorial to complete this project.

Usability Testing
Problem-solving
Web Development

Background.

To gain better understanding of web develoment and React framework.

Techniques.

  • Utilize styled jsx for component styling, making it more convenient for reuse.
  • Manage state, such as login state and cart contents, using context and Redux.
  • Incorporate Firebase for login and registration authentication, third-party authentication, and data management.

Results.


Takeaways.

What I’ve Learned…


I gained a better understanding of how to manage state in React using Redux. Additionally, I learned how to use styled-jsx and SCSS to implement styles in a more efficient and dynamic way.

  1. Add an order record and tracking system to the website.
  2. Create a front-end admin page for the website owner to directly edit, add, and delete product information.