Git Product home page Git Product logo

lydialinggl / ndi-identiface-sample-public-web Goto Github PK

View Code? Open in Web Editor NEW

This project forked from singpass/identiface-sample-frontend-web

0.0 0.0 0.0 571 KB

NDI Identiface Sample Web App for Developers' Onboarding. Please use our issued API keys and Public Certificates.

Home Page: https://developer.bio-api.singpass.gov.sg/sample-app/

Dockerfile 0.11% Vue 75.99% JavaScript 1.98% CSS 2.50% HTML 15.47% Svelte 3.96%

ndi-identiface-sample-public-web's Introduction

Identiface Web Sample Application

base_url: http://localhost:3000/sample-app/

This is a sample application for SingPass Face Verification Service ("Identiface"). Consider using the QuickStart Guide for rapid prototyping without having to implement the backend.

Note that UAT API keys and the X.509 Public Certificate are located in the Welcome Package for Developers. You will be issued one upon a successful link-up request.


Face Verify Sample: https://developer.bio-api.singpass.gov.sg/sample-app/transactions or ui/pages/transactions

Face Verify contains an SDK (in HTML5, iOS, Android SDKs) to verify your user's face-biometrics features against the Government's biometrics data source. This SDK includes Presentation-Attack-Detection and liveness detection technologies to verify the user's identity authenticity.

Face Compare Sample: ui/pages/employee-image

Face Compare is a direct API endpoint to match the user against the Government's biometrics data source. You could choose to upload static images of the user and our backend will compare the image against the SingPass Face database to return you a match result.

QuickStart backend API: https://developer.bio-api.singpass.gov.sg/api

This backend is used to serve the frontend for QuickStart purposes and communicates directly with the SingPass API endpoints.

Test Accounts

These dummy accounts will always either returns a true or false on matching results. Use either to design your reference journey flow for the linkup requests, or simple prototyping:

G2957839M returns true

G2834561K returns false

Stack

Frontend: NuxtJS on port 3000 Backend: Python-Flask on port 9000

Prerequisites

You need the Face backend service for this sample application, which is found here.

For the frontend, you need npm. Also consider checking out the documentation for NuxtJS if you require troubleshooting.

To set the connection between the frontend and backend, edit the value baseURL in /ui/nuxt.config.js:

axios: {
    // proxyHeaders: false
    // baseURL: "http://localhost:9000", // use this for dev environment
},

Installing & Running

On Development Environments

Clone this repository and place these files where you want it to run.

Open up Terminal and cd into the ui folder that is inside your repository, and run the following command:

npm install
npm run dev

This is to start the frontend service.You can access the application through http://localhost:3000/sample-app/.

Built With

  • NuxtJS - The framework used for Server-Side Rendering (SSR)
  • Buefy - Lightweight UI components based on Bulma

License

Please abide by the SingPass Terms of Use.


We appreciate any feedback you'd like to provide to our NDI Biometrics Team email address. Thanks!


ndi-identiface-sample-public-web's People

Contributors

theodorayy avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.