E-Commerce App With React 18.

Road Map

• Project Structure

• Add Sass and Style files

• Add Fonts

• Add Router

• Authentication + Firebase

  • Install and Setup Firebase
  • Sign in With Google Account
  • Sign In and Sign Up Components
  • Authentication

• React Context For State Management

  • User Context
  • Firebase auth state with user contex using Observe Pattern
  • Other Pages Context
    • Shop page
    • Product Cart
    • Dropdown
    • Cart Item
    • Checkout

• Firabase Database Operations

  • Add categories to the Firebase
  • Get data from Firebase
  • Add Child Routes
  • Fixing Styles Problems

• Styed Component

• Netlify settings

• useReducer implementation

• Redux

  • Migrate Redux from Context
  • Memoized selector for avoiding unnecessary rerender. reselect
  • Custom Middleware
  • Redux Dev Tool
  • redux-persist
  • Thunk (exchanged with saga)
  • Saga

• Stripe for Payment and Netlify Serverless

• Typescript

• Mobile Support

• PWA

• Others

  • Performance
  • Security
  • Webpack Babel Settings

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

npm test

npm run build