Team Monorepo & System Architecture
Make-It-All was engineered as a university team project with 7 software engineers. As the UI/UX Lead and core API architect, I established the monorepo structure containing the Node.js/Express REST API and Vite/React single-page application.
To eliminate interface mismatches between the front and back ends, we unified data transfer objects (DTOs) into shared TypeScript packages. The MySQL database was configured with connection pooling to maximize concurrent query efficiency, and soft-delete schemas were implemented across all relational tables so that accidentally deleted records could be audited and restored.
Kanban State & Managerial Analytics
A centerpiece of the application is the interactive Kanban board. Managing drag-and-drop state across columns with optimistic UI updates required robust state management to ensure that network dropouts or permission rejections gracefully roll back card positions.
For project managers, we integrated Chart.js to render live Gantt timeline estimations, sprint velocity metrics, and doughnut charts illustrating workload distributions across team members.