Portfolio / Attendance System

  • Tags
  • Node
  • MySQL
  • Rest Api
  • Angular
  • MQTT
  • Websocket

Technology Overview

It use mqtt to communicate between ai and node backend. and use websocket between admin panel and the server. It provide realtime user attendance and the full monthly and yearly report


Preview of V1

Loading Preview

  • Picture 
         /assets/portfolio/attendance/v1/1.png
  • Picture 
         /assets/portfolio/attendance/v1/2.png
  • Picture 
         /assets/portfolio/attendance/v1/3.png
  • Picture 
         /assets/portfolio/attendance/v1/4.png
  • Picture 
         /assets/portfolio/attendance/v1/5.png
  • Picture 
         /assets/portfolio/attendance/v1/6.png
  • Picture 
         /assets/portfolio/attendance/v1/7.png
  • Picture 
         /assets/portfolio/attendance/v1/8.png
  • Picture 
         /assets/portfolio/attendance/v1/9.png
  • Picture 
         /assets/portfolio/attendance/v1/10.png
  • Picture 
         /assets/portfolio/attendance/v1/11.png
  • Picture 
         /assets/portfolio/attendance/v1/12.png
  • Picture 
         /assets/portfolio/attendance/v1/13.png
  • Picture 
         /assets/portfolio/attendance/v1/14.png
  • Picture 
         /assets/portfolio/attendance/v1/15.png
  • Picture 
         /assets/portfolio/attendance/v1/16.png
  • Picture 
         /assets/portfolio/attendance/v1/17.png

Preview of V2

Loading Preview

  • Picture 
         /assets/portfolio/attendance/v2/1.png
  • Picture 
         /assets/portfolio/attendance/v2/2.png
  • Picture 
         /assets/portfolio/attendance/v2/3.png
  • Picture 
         /assets/portfolio/attendance/v2/4.png
  • Picture 
         /assets/portfolio/attendance/v2/5.png
  • Picture 
         /assets/portfolio/attendance/v2/6.png
  • Picture 
         /assets/portfolio/attendance/v2/7.png
  • Picture 
         /assets/portfolio/attendance/v2/8.png
  • Picture 
         /assets/portfolio/attendance/v2/9.png
  • Picture 
         /assets/portfolio/attendance/v2/10.png
  • Picture 
         /assets/portfolio/attendance/v2/11.png
  • Picture 
         /assets/portfolio/attendance/v2/12.png
  • Picture 
         /assets/portfolio/attendance/v2/13.png
  • Picture 
         /assets/portfolio/attendance/v2/14.png
  • Picture 
         /assets/portfolio/attendance/v2/15.png
  • Picture 
         /assets/portfolio/attendance/v2/16.png
  • Picture 
         /assets/portfolio/attendance/v2/17.png
devider

Share on