-
SurveyJS
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.
I wanted to improve my JavaScript programming, and learn AG Grid at the same time so I tried to think of an application which had a data grid front and center, but met needs that I had. So I built a Markdown table code generator.
I've always hated building tables for Markdown so this was helpful in intial prototype stage.
I added CSV because AG Grid has an exportDataAsCSV function so it was a 'no cost' feature.
The parsing code for importing the various formats is pretty minimal so there will be many edge cases that don't work.
Because everything is based around the same data structures internally adding new import and export formats was fairly simple.
I haven't added any tests yet because I was incrementally building it and learning to structure JavaScript at the same time.
It is pure JavaScript with no frameworks, simply because I'm concentrating on learning JavaScript at the moment and there is no build system.
Looking at the code now, after a 4 month gap I can see that I didn't even know about JavaScript modules and imports at the time I started so the code is just added directly into the main index through a script element include.
It isn't the most robust application but it was an interesting starting point.
My end goal with it was to add data generation capabilities, and have it all run in the browser, but I haven't got to that point yet. My plan is to try to do this by adding a 'type' to each column and then using Faker to generate the data https://github.com/marak/Faker.js/
Thought it might be useful if anyone is learning JavaScript and wants to see a simple application.
Code is here:
https://github.com/eviltester/grid-table-editor
The readme file in the source has links to other similar apps which have been around for much longer if anyone needs an inbrowser table editor.
I wanted to improve my JavaScript programming, and learn AG Grid at the same time so I tried to think of an application which had a data grid front and center, but met needs that I had. So I built a Markdown table code generator.
I've always hated building tables for Markdown so this was helpful in intial prototype stage.
I added CSV because AG Grid has an exportDataAsCSV function so it was a 'no cost' feature.
The parsing code for importing the various formats is pretty minimal so there will be many edge cases that don't work.
Because everything is based around the same data structures internally adding new import and export formats was fairly simple.
I haven't added any tests yet because I was incrementally building it and learning to structure JavaScript at the same time.
It is pure JavaScript with no frameworks, simply because I'm concentrating on learning JavaScript at the moment and there is no build system.
Looking at the code now, after a 4 month gap I can see that I didn't even know about JavaScript modules and imports at the time I started so the code is just added directly into the main index through a script element include.
It isn't the most robust application but it was an interesting starting point.
My end goal with it was to add data generation capabilities, and have it all run in the browser, but I haven't got to that point yet. My plan is to try to do this by adding a 'type' to each column and then using Faker to generate the data https://github.com/marak/Faker.js/
Thought it might be useful if anyone is learning JavaScript and wants to see a simple application.
Code is here:
https://github.com/eviltester/grid-table-editor
The readme file in the source has links to other similar apps which have been around for much longer if anyone needs an inbrowser table editor.