Skip to content

Web Application

Sahan Randika edited this page Dec 6, 2020 · 5 revisions
  1. Purpose Of the Web Application
  2. Registration Methods/Steps
  3. Design

Purpose of the web Application

Web Application is used for Company Registration. For the registration, it requires the company owner to provide information such as Company Name, Contact No, Premise Type, Address, and FB URL. From this information, the web application will generate the QR code which can be downloadable as a PDF. Company Owners can print this PDF to stick in their shops. Currently, the shops record the visited people by giving them a book to fill their details. It is not very safe, since all the people are using the same book by touching it. This QR Code solution will provide contact-free recording of visited customers. This web solution can be used to register companies, buses, vehicles, and trains.

Registration Methods/Steps

First Company Owner needs to create an account to register as a user. Then he needs to create an Organization. To register a company/location, bus, or vehicle it is a must to create an organization first. After, the user must need to select the organization for the location registration. After filling in the registration details, users can view the registered locations, buses, or vehicles of that organization. To generate the QR code he needs to click on the location he needs to generate QR and then click on the Download QR button. Then the next page will display the QR Code. Users can click on the Download as PDF button to Download the QR page as PDF.

Design

The UI components are built by using the ANT Design UI framework kit. The frontend part of the web application is developed by using the ReactJS framework. For state management, we have used Redux. Node-qrcode npm package has used for the QR code generation feature. For the database, we have used firebase.

Clone this wiki locally