Table of content

• Gateway Dashboard
  • Main feature
  • Main UI
• How to use
  • With our system
  • With self-host
    • Development
    • Deploy your dashboard

Gateway Dashboard

The gateway dashboard web help administrators manage your organization.

This project is open-source, you can use our system or self-host for your organization.

You can use our product in here: https://gdsc-gateway.web.app

Main feature

• Manage your account
  • Create account ✔
  • Modify information of your account ❌ (coming soon)
• Manage your organization
  • Create organization ✔
  • Update information of organization ❌ (coming soon)
• Manage your device
  • View list device (info of device and realtime status) ✔
  • Create device and able to connect real device ✔
• Satisfy data
  • View total status of device (connected, disconnected) ✔
  • View log realtime, information log include: device id, time, check complete, check mask, check temp, verify method (QR, RFID) ✔

Main UI

How to use

With our system

If you just want to use device and you don't want to care about hosting web dashboard or backend server you can use our system:

https://gdsc-gateway.web.app

With self-host

Development

First you need to clone this project to your local machine, and you should have register a firebase project and create web, you can follow this link

git clone https://github.com/GDSC-HSU/gateway-dashboard

After you clone it, you have to config firebase in file environment:

gateway-dashboard\src\environments

You will have two file environments:

• environment.ts for develop
• environment.prod.ts for production

Please setup this:

export const environment = {
    // your secret to verify api
    apiKey: "123",
    // your endpoint backend server
    endpoint: "https://gdsc-hsu.xyz/api/v1",
    // your firebase web config
    firebase: {
        apiKey: "AIzaSyBuGIG5UElMZ4dWuzc4-A7dc0N0E1jaXXX",
        authDomain: "gdsc-gateway.firebaseapp.com",
        projectId: "gdsc-gateway",
        storageBucket: "gdsc-gateway.appspot.com",
        messagingSenderId: "162603779XXX",
        appId: "1:162603779372:web:5147e3e6c5c957bef7dXXX",
        measurementId: "G-M62LMG8XXX"
    },
    // false - environment.ts
    // true - environment.prod.ts
    production: true
};

After setup you should install package

npm install

Run project for development and enjoy it 😁

ng serve

Deploy your dashboard

Firstly, Open your terminal and go to project:

cd gateway-dashboard

After that, let's build your project:

ng build

Finally, Deploy your project and enjoy 🤩

Please follow this link for deploy