CustQ

An industry-agnostic queue management solution for all customers.

• Project Overview: The project focuses on handling the basic problem of managing the queue for any place making it easy for the operations while facilitating the end user in an effective transparent way.

• Workflow:

  1. Admin:
  2. End User:

• Prototype: Admin User https://www.figma.com/proto/vGPLdoHfcZiml5dux6U5Kk/KSC55-Devpost-Hackathon?page-id=0%3A1&type=design&node-id=10-660&viewport=948%2C528%2C0.18&t=SGytJwyqZmNKBl16-1&scaling=scale-down&starting-point-node-id=29%3A3583&show-proto-sidebar=1&mode=design

  End User: https://www.figma.com/proto/AlWZgt8Z62Y8iRRWRqdUlw/Untitled?page-id=0%3A1&type=design&node-id=1-4561&viewport=29%2C66%2C0.12&t=wurl3rJ3vNvzwzcP-1&scaling=scale-down&starting-point-node-id=1%3A4561&mode=design

• Demonstration video of the project: https://github.com/Ksc55/CustQ/assets/94205435/93d1a35a-8b9f-4e03-a02b-439f14e7c784

• Technologies Used:

  • Backend: Java with Spring Boot
  • Frontend: ReactJS
  • Mobile: Native Android Application
  • Design: Figma
  • Chatbot: Python with Flask

• Architectural Diagram:

• How to deploy this project:

  1. Backend:
  • Create an Openshift account
  • Click on "Add: and select Database
  • Select PostgreSQL and click on "Instantiate Template"
  • Add the following details in username and password: postgres
  • Run the sqlscripts.sql from backend/db folder
  • Click on "Add" and select "Git Repository" Option
  • Enter the following URL in Git Repo URL - https://github.com/Ksc55/CustQ/tree/main/
  • Open advanced Git options and enter "backend" in Context dir without quotes
  • Select Import Strategy as Builder Image and select Java as the builder image
  • Add the environment variables : - SQL_URL: jdbc:postgresql://postgresql:5432/sampledb - SQL_USER: postgres - SQL_PASSWORD: postgres
  • Submit this and wait for the build and deployment to complete.
  2. Frontend:
  • Click on "Add" and select "Git Repository" Option
  • Enter the following URL in Git Repo URL - https://github.com/Ksc55/CustQ/tree/main/
  • Open advanced Git options and enter "client" in Context dir without quotes
  • Select Import Strategy as Builder Image and select Javascript as the builder image.
  • Submit this and wait for the build and deployment to complete.

• Demo screens:

  1. End User Screens:

  • SPLASH SCREEN

  • LOGIN SCREEN

  • OTP CONFIRMATION SCREEN

  • DASHBOARD SCREEN

  • QUEUE STATUS SCREEN

  • ACTIVE QUEUE SCREEN

  • JOIN QUEUE ALERT DIALOG

  • JOIN ACTIVE QUEUE SCREEN INDICATOR ALERT DIALOG

  • VIEW MORE SCREEN

  • EXIT QUEUE CONFIRMATION SCREEN

  • RATE SERVICE SCREEN

  • SUBMITTED RATE DETAILS INDICATOR ALERT DIALOG