Show HN: I redesigned my self-hosted data manager's UI (4k stars, v2)

Описание и применение

Переработка UI самодостаточного менеджера данных: переход от jQuery к Vue.js, разделение фронтенда и бэкенда, добавление TypeScript и Vite, улучшение мобильной поддержки.

Задача

Users needed a single self-hosted solution to manage passwords, notes, files, finances, contacts, and health data without relying on cloud services.

Результат

The redesign improved UI aesthetics, performance, and mobile usability while maintaining a self-hosted architecture. The project continues to evolve with new modules like Health.

Рабочий процесс

• 1. Refactored frontend to Vue.js and removed jQuery.
• 2. Created a separate frontend project using Vite.
• 3. Added TypeScript for type safety.
• 4. Redesigned UI for modern look and mobile friendliness.
• 5. Updated build process and integrated with existing PHP/Symfony backend.
• 6. Deployed v2.0 and gathered user feedback.

Доказательства

dropped jQuery in favor of Vue.js - frontend is now a standalone project, with the original tool serving as backend - more modern, slicker UI, and mobile friendly - added TypeScript support - moved the build to Vite

Источник