All projects

Tools

Vue3 Form Generator

Improved form generation capabilities for Vue 3, enhancing user experience and maintainability.

Role
Maintainer, Creator
Timeline
2024 - present
Status
Ongoing

Overview

What this project is about.

A schema-based form generator component for Vue 3.

Challenge

At Realtime Register we used to use an outdated form generator written for Vue 2. I needed one with the same features and same functionality, but with modern Vue 3 support and improved code and maintainability.

Approach

I used the library we already used as a blueprint to lay out the features we needed. Then I took what was there and rewrote the library from scratch using a different approach that was necessary to solve the issues we were having.

Outcome

The new library is more flexible, easier to maintain, and has better performance compared to the original Vue 2 version.

Highlights

Work worth calling out.

  • Implemented a schema-driven form generation system for dynamic form creation.
  • Enhanced user experience through intuitive form design and validation.

Stack

Tools used.

  • TypeScript
  • Vue.js
  • Vitepress