React & Firebase & Netlify E-commerce System

• Designed and implemented an interactive shopping page using React, React Router and Redux

Table of contents

• React & Firebase & Netlify E-commerce System
  • Table of contents
  • 1. Project Description
  • 2. Infrastructure Design
  • 4. Database Implementation
  • 5. Design pattern
  • Acknowledgement

1. Project Description

• Designed and implemented an interactive shopping page using React, React Router and Redux
• Utilized Firebase Authentication to ensure secure user registration, login, and account management
• Leveraged Firestore, a NoSQL document database, to improve real-time updates, scalability, and performance
• Deployed the application on Netlify with a CI/CD pipeline to ensure continuous availability and reliability

2. Infrastructure Design

• 3-tier architecture
  • Presentation tier: React
  • Data tier: Firebase
  • Logic tier: Javascript
• Deployment: Netlify

4. Database Implementation

• FireStore - NoSQL
  • users - store user information.
  • items - store item information.
  • category - store item-category relationship

5. Design pattern

• Observer pattern: onAuthStateChange
• Context pattern: Provider

Acknowledgement

• Project ideas credit to Yihua