What to learn to build this - an interactive tool

• drag-drop

  1 488 0.0 JavaScript

  HTML5 drag & drop for humans

  remember geocities? drag and drop? you need to start with a drag and drop repo like this maybe https://github.com/feross/drag-drop

• PDFKit

  29 9,493 7.1 JavaScript

  A JavaScript PDF generation library for Node and the browser

  

  Then write a script to export the drag drop. Maybe use a browser function to save the page as a PDF. Or a NPM library using something like https://www.npmjs.com/package/pdfkit

• SurveyJS

  surveyjs.io

  sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Stripe

  300 3,590 8.9 PHP

  PHP library for the Stripe API.

  

  Then you'd need to make a front end with a login, payment process maybe with http://stripe.com and then a backend to allow them to maybe save it to a database and have the export option like you mentioned.

Suggest a related project