Simplify the process of creating and conducting surveys with clients, employees, and other participants using Questionnaire. This application provides full functionality for creating surveys, managing results, and offers a user-friendly interface for both administrators and users
General:
- Fully responsive design.
Admin area:
-
Authentication (using Google sign-in);
-
Authorization (using internal roles);
-
Notification of the user's completion of the survey (by receiving an email);
-
Results manager:
- Viewing the list of previously conducted surveys;
- Receiving the results of any of the available surveys in XLSX format;
- Delete a survey you no longer need;
-
Control panel:
- Create a new survey;
- Add a question to the survey:
- Selecting a question type;
- Selecting whether the answer is required;
- Add answer options if necessary;
- Delete an answer option;
- Delete a question using the appropriate interface element;
- Change the order of the questions using the appropriate interface elements;
- Select and add an image for the survey topic;
- Add a survey title;
- Sort the questions added to the survey as needed;
- Filter the questions added to the survey as needed;
- Search for a question by its content;
- Choose a color for the survey design using the color palette or color picker;
- Adding an email address to receive notifications (the default email address from your Google account is used);
- Exit with saving the results;
- Copy the link to the created survey to the clipboard;
- Notification of creating a new survey;
- Exit without saving the results;
- Applying temporary storage of intermediate data in case of atypical situations.
User area:
- Completing the survey by answering questions one by one;
- Validation of answers:
- By data compliance;
- By mandatory data entry;
- Visual display of the survey progress;
- Textual display of the survey progress;
- Visual design and sequence of questions in accordance with the administrator's preferences;
- Notification of completion of the survey;
- Prevent multiple surveys from being conducted from a single device (five-minute limit).
The version with the Ukrainian interface is currently available. The development of an English-language interface is planned.
This application was developed using React.
This project was bootstrapped with Create React App.
To develop the application, the following additional libraries were used:
| Library | Version | Purpose |
|---|---|---|
| clipboard-polyfill | ^4.0.0 | Polyfill for working with the clipboard |
| emailjs-com | ^3.2.0 | Library for sending emails |
| firebase | ^8.10.1 | Infrastructure for developing web applications |
| firebase/firestore | Component for storing and retrieving data | |
| firebase/auth | Component for user authentication | |
| firebase/app-check | Component for protecting web applications | |
| react-google-recaptcha | ^2.1.0 | Component for interacting with reCAPTCHA |
| xlsx | ^0.19.2 | Library for working with electronic spreadsheets |
| Application |  |
 |
| Admin Area |  |
 |
| Admin Area |  |
 |
| User Area |  |
 |
| RWD Mobile |  |
( ͡° ͜ʖ ͡°)