logo
Published on

Survey Application

Authors
survey-banner

Introduction

The survey application empowers administrators to create customized forms. These forms can be distributed to employees or specific user groups. User responses are collected and visually represented through graphical representations. Additionally, the application generates reports based on the responses and sends them via email to the designated users. It streamlines the process of gathering feedback and analyzing data from various stakeholders.

Tech Stack used

React To build the frontend using React 17 with hooks and Material UI

Node.js To build the backend REST API using Node.js and Express

MongoDB To store the data and showing metrics for mass changed over the time

Demonstration

Features

Let's dive into the new features and improvements In PersonAI.

Email

Admin will be able to send the form to users via email from the application itself.

User

Stores all the user details such as name, email, company logo, user role (admin, non-admin) survey-user

Create Form

Admin will be able to create a form with multiple questions and different types for questions are supported. Stores the details of sections of form, questions and available options of the form

survey-user

Analytics & Responses

With the form created, users can fill the form and submit the response. Admin will be able to view the responses and also can download the responses in CSV format. Stores the completed and ongoing responses of the users survey-user

Maturity Report

Admin will be able to view the maturity report of the organization and send the maturity report to the users.

Application modes

Admin Mode

  • Edit Personal Details and Upload Logo
  • Create/Edit Forms
  • Submit Responses
  • View Form Responses of all the organizations and users in a graphical view
  • View and Download Maturity Report of all the organizations
  • Send email to users to fill out the form

Non- Admin Mode

  • Edit Personal Details and Upload Logo
  • Submit Response
  • View and Download Maturity Report of their organization

Conclusion

Docker is used to containerize the application and deploy it on the AWS which also contains portainer for managing the applications running on AWS docker env.

  • Sign-up
  • Sign-in
  • Reset Password
  • Edit Personal Details
  • Create/Edit Form (Admin)
  • Upload Images to Questions/Options (Admin)
  • Add/Edit/Delete Form Sections (Admin)
  • Add different type of Questions as Multiple, checkbox, linear, dropdown, text (Admin)
  • Drag Questions to change order (Admin)
  • Send Email to users to fill-out forms (Admin)
  • Submit Response
  • View PLM Maturity Report
  • Download PLM Maturity Report
  • View Submitted Responses of All Organizations (Admin)
  • View / Download Maturity Report of All Organizations (Admin)
survey-user

Support

Support this blog by giving a star on Github, sharing your own blog and giving a shoutout on Twitter or be a project sponsor.

Licence

MIT © Pallav Gupta