Emall web app

Table of contents

Intro

Tech Stack

Installation

RoadMap

Intro

Emall is an e-commerce web app built as a portfolio project.

URL:

https://emall-live.herokuapp.com/

Tech Stack

  • React Hooks React-Router Redux Redux-Saga Firebase Typescript
  • Prettier + ESLint + Airbnb Style Guide

Installation

npm install (Install all dependencies)

To deploy on Heroku:

Create a free Heroku account then install the Heroku CLI on macOS

brew tap heroku/brew && brew install heroku

More informations about heroku CLI installation there.

Then:

heroku login
heroku create Emall-live --buildpack https://github.com/mars/create-react-app-buildpack.git

More informations about the buildpack there. Then:

git push heroku master

RoadMap

  • Core App, homepage + shop pages + checkout page.
  • Auth with firebase.
  • Redux state.
  • style-component.
  • Firestore DB.
  • typescript.
  • asynchronous redux (thunk/saga)
  • express backend server for better stripe integration.
  • responsive.
  • performance.
  • Firebase auth/DB error.
  • test.