Diricare Dashboard

Admin panel for Diri, a telemedicine mobile app. Backoffice CMS used by internal operators to manage health content, pharmacy inventory, promotions, questionnaires, treatment flows, and mobile discovery pages.

Problem

Healthcare content is highly structured (symptom→condition→treatment flows, multi-type questionnaires, polyclinic/doctor directories). Without a dedicated admin panel, operators couldn't efficiently manage or version these interconnected content models.

Approach

• Vue 2 SPA with dynamic page-type components (7 variants: landing, single/multiple choice, essay, image option, etc.) loaded via <component :is> — no routing per content type.

• Vuex + localStorage for auth persistence and shared content editor state across page-type components.

• Vuexy theme + Bootstrap-Vue — reused 80+ view files across content, pharmacy, promotions, discovery pages, and mobile homepage modules.

• Vee-validate forms with debounced search, auto-SKU generation, and duplicate/slug checks against the Laravel API.

• Docker multi-stage build → Nginx → Docker Swarm + Traefik for zero-downtime deployment.

Impact

• Single admin panel replaces disparate tools for 10+ content domains (articles, FAQ, conditions, doctors, polyclinics, products, promotions).

• Role-based menus + v-can directive restrict 50+ CRUD endpoints by operator role.

• ~2,000-line MasterLanding and MobileHome components power the app's primary discovery surfaces with drag-free section management.