This project is a demonstration of the work I did during my work. It is a low-code survey creation platform, serving as a sub-module of the company's marketing platform. This project only shows the core features of the low-code survey editor. The primary function of this platform is to help users create surveys more easily and quickly through a visual interface. Additionally, it includes features such as saving surveys as favourites, moving surveys to the trash, and survey analytics. The collected survey data is presented in charts for easy visualization and analysis.

• surveys management(Create, edit, Update, delete), surveys list page, starred survey page, trash bin page
• statistics based on responses
• low-code editor, drag-and-drop components
  • Top Tool Bar
    • edit title
    • delete
    • hide
    • lock
    • copy & paste
    • move up & down
    • undo & reset
    • save & publish

Left panel:

• components list
• Drag-and-Drop compoents
• Layers list
• Drag-and-Drop Sorting
• double click to edit
• hide
• lock

Canvas:

• Y-Axis Scrolling
• Drag-and-Drop Sorting
• shortcuts
  • delete backspace
  • up
  • down
  • c + c, v
  • c + z, c + s + z
  • c + s

right panel:

• edit properties
• settings

All the data I used in the demostration is from simulation data generator Mock.js(https://github.com/nuysoft/Mock). I also included that program in this project, feel free to check.

Home page

list of surveys

create a survey

edit a survey

statistics

starred surveys

Trash bin

git clone https://github.com/your-username/your-repository.git
cd your-repository

# Using npm
npm install

# Or using yarn
yarn install

npm start

Contributions are welcome! Follow these steps:

• Fork this repository
• Create a new branch (git checkout -b feature/your-feature)
• Commit your changes (git commit -m 'Add some feature')
• Push to the branch (git push origin feature/your-feature)
• Open a Pull Request

This project is licensed under the MIT License.