Affinidi Capstone - e Commerce Site

An ecommerce site powered by Affinidi Login!
View Demo

Table of Contents

1. About The Project
   • Upgrades Implemented
2. Built With
   • Backend
   • Frontend
3. Getting Started
   • Installation
   • Running frontend locally
   • Running backend locally

About the project

This is a submission for StackUp's Bounty - Build Upon the Affinidi Capstone.

Upgrades Implemented

• Localization based on user country (refer code here)

  • update page UI based on user country
  • display currency based on user country (refer code here)

• Request more data point e.g. user profile picture to show user avatar on header if user is logged in (refer code here)

• Use Vercel KV as session store for expressSession for affinidiProvider - this allows express backend to be run on serverless functions and prevent memory leaks (as by default express session uses MemoryStore, which is purposely not designed for a production environment. It will leak memory under most conditions, does not scale past a single process, and is meant for debugging and developing.)

  • check here for implementation of Vercel KV Store
  • check here for how it is used in affinidiProvider

Built With

Backend

• @affinidi/passport-affinidi

• Express

• Vercel KV

Frontend

• @affinidi/affinidi-react-auth

• React

• Vercel for hosting frontend site

Getting Started

Installation

1. Clone the repo

git clone https://github.com/teyweikiet/affinidi-capstone

2. Install dependencies

npm install

3. Go to api folder & install dependencies

cd api && npm install

Running frontend locally

1. Start frontend locally

npm run start

Running backend locally

1. Go to api folder

cd api

2. Copy and modify .env accordingly. (refer comments for appropriate values to be used)

cp .env.example .env

3. Start backend locally

npm run start