-
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.
You can create a Next.js GitHub Codespace template by navigating to https://github.com/codespaces/templates. Then choosing the “Use this template” button for Next.js. This will trigger a codespace to open with boilerplate Next.js code with a browser preview.
If you want to improve it, you can make a pull request: https://github.com/blackgirlbytes/decentralized-to-do-list
The app is unbearably slow. My proficiency in performance optimization is admittedly lacking, as I've never held a role where optimizing an application's speed was a primary responsibility. I believe the key to enhancing my application's performance lies in the GPT-4 calls. I was told making my prompt more specific should help, but I’m not sure how. If you have suggestions for improvement, feel free to make a pull request. I would love to learn from folks.
async function addTask(event) { event.preventDefault(); // Prevent form from submitting and refreshing the page if (web5Instance && aliceDid && newTask.trim() !== '') { const taskData = { '@context': 'https://schema.org/', '@type': 'Action', name: newTask, completed: false, }; const { record } = await web5Instance.dwn.records.create({ data: taskData, message: { dataFormat: 'application/json', schema: 'https://schema.org/Action', }, }); // Send the record to the DWN. await record.send(aliceDid); setTasks((prevTasks) => [...prevTasks, { id: record.id, text: newTask }]); setNewTask(''); } }