Show HN: Build and Maintain React Forms with Ease – Formatory

• Formactory

  1 5 6.2 TypeScript

  Formactory transforms form building with declarative JSON instead of HTML. This makes complex forms more maintainable. It's extendable and integrates easily with your existing JS/TS tools.

Tired of reviewing messy hard-coded HTML/JS/CSS complex React forms? Formatory lets you define forms using JSON schemas. This means faster development, easier maintenance, and seamless integration with your existing react tools.

I threw together a prototype in a couple of days, and I'm already hooked. Would love your thoughts and help in building this out!

https://github.com/ARAldhafeeri/Formactory

Would love to hear your feedback, I attached simple examples to the readme !

• mockify

  1 1 9.4 TypeScript

  Mockify is opensource low-code solution that allows development teams to create and manage mock API endpoints.

Since I lost my job at the end of 2023, I have been working on mockify.io, https://github.com/ARAldhafeeri/mockify, which is a low-code platform that helps development teams transition into API-first design and create API endpoints for a/b testing with view clicks. The reason I ditched form validation at the beginning was to prototype the huge solution faster as the scope was huge, but yay! almost going to ship v1.0.0. Now I need something that helps me integrate react-form-hook very quickly into the open-source solution, so I created formactory. My plan is as follows:1. Transform all the forms into JSON format without zod or react-form-hook.2. Add zod, react-form-hook, and error styling.

• SurveyJS

  surveyjs.io featured

  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.

  

Suggest a related project