Задача

Створення веб-додатку для заповнення форм документів з можливістю інтерактивного редагування та експорту в різні формати. Додаток має підтримувати вибір даних з JSON та автоматичне визначення редагованих полів. Необхідно було розробити інтуїтивно зрозумілий інтерфейс, який дозволив би користувачам легко завантажувати формати документів та вибирати необхідні дані для заповнення. Завдання полягало не лише у створенні функціоналу, а й у забезпеченні високої продуктивності та зручності використання.

Рішення

Розроблено додаток LiveForms, який дозволяє користувачам завантажувати файли форм у форматі DOCX та заповнювати їх даними з JSON. Додаток надає можливість редагування полів та вибору шрифта, а також експортує готові документи у PDF та DOCX. Користувачі можуть легко керувати процесом заповнення, а також налаштовувати зовнішній вигляд документа відповідно до своїх уподобань. Це рішення значно спростило роботу з документами, зробивши процес швидшим та ефективнішим.

Архітектура і стек

Додаток побудовано на основі наступних технологій:

• Frontend: React 18 з TypeScript, Vite, Tailwind CSS, mammoth.js для конвертації DOCX в HTML, html2pdf.js для експорту в PDF, React Hook Form для управління станом форм. Ці технології забезпечують високу продуктивність та чуйність інтерфейсу.
• Backend: NestJS з TypeScript, docxtemplater для генерації DOCX, pdf-lib для генерації PDF. Такий стек дозволяє ефективно обробляти запити та генерувати документи на серверній стороні.

Ключові функції

• ✅ Автоматичне визначення редагованих полів з DOCX
• ✅ Вибір даних з JSON для автозаповнення
• ✅ Вибір шрифта (друкований/рукописний)
• ✅ Редагування полів в реальному часі
• ✅ Експорт в PDF
• ✅ Експорт в DOCX з використанням плейсхолдерів
• ✅ Друк форми Ці функції роблять додаток універсальним інструментом для роботи з документами, дозволяючи користувачам легко адаптувати їх під свої потреби.

Результат

Додаток LiveForms успішно реалізує можливість заповнення форм, що значно спрощує процес роботи з документами. Користувачі можуть швидко та зручно заповнювати документи, а також експортувати їх у потрібних їм форматах. Це рішення виявилося затребуваним і отримало позитивні відгуки від користувачів, які оцінили його функціональність та зручність.

Що б покращив

В подальшому планується розширити функціональність додатку, додавши можливість автоматичного визначення полів з завантажених DOCX, збереження конфігурацій форм, підтримку множинних форм та інтеграцію бази даних для зберігання даних користувачів. Ці поліпшення допоможуть зробити додаток ще більш корисним і зручним для користувачів, що дозволить збільшити його популярність на ринку.