How vsalfafara/hono-vue-monorepo works
This is a full-stack task-management application: users sign in, manage their tasks, and administrators can inspect users and task metrics. The client also enforces page permissions, while the server declares authenticated task and admin endpoints and provides shared auth and database infrastructure. The tree and sampled files establish the client entry points, route contracts, and server composition; handler, store, and database-call wiring is not shown in the excerpts, so uncertain internal links are omitted.
Main entry points: index.routes.ts Route registry · api.utils.ts API utilities · tasks.routes.ts Task endpoints · dashboard.routes.ts Admin endpoints
Components 21
Client application
- Vue app
apps/client/src/App.vue - Task workspace
apps/client/src/modules/dashboard/tasks/pages/Tasks.vue - Task table
apps/client/src/modules/dashboard/tasks/components/TasksTable.vue - Task state
apps/client/src/modules/dashboard/tasks/tasks.store.ts - Admin views
apps/client/src/modules/admin - Login form
apps/client/src/modules/auth/components/LoginForm.vue - Page routing
apps/client/src/router/index.ts - API utilities
apps/client/src/lib/api.utils.ts
Server API
- Server composition
apps/server/src/app.ts - Route registry
apps/server/src/routes/index.routes.ts - Task endpoints
apps/server/src/routes/tasks/tasks.routes.ts - Admin endpoints
apps/server/src/routes/dashboard/dashboard.routes.ts - User endpoints
apps/server/src/routes/users/users.routes.ts - Route handlers
apps/server/src/routes - Health endpoint
apps/server/src/routes/health/health.routes.ts
Identity and permissions
- Auth state
apps/client/src/stores/auth.store.ts - Auth middleware
apps/server/src/middlewares/auth.middleware.ts - Auth configuration
apps/server/src/auth/auth.ts
Persistence
- DB middleware
apps/server/src/middlewares/db.middleware.ts - Database
packages/db/src/db.ts
Other components
- User
Connections 26
- User → Vue app: uses
- Vue app → Auth state: refetches session
- Vue app → Page routing: renders routes
- Page routing → Task workspace: routes tasks
- Task workspace → Task table: shows tasks
- Task table → Task state: fetches data
- Login form → Auth state: submits credentials
- Page routing → Admin views: routes admin
- Admin views → Auth state: checks permissions
- Task state → API utilities: uses API
- API utilities → Task endpoints: requests endpoints
- Admin views → API utilities: requests metrics
- API utilities → Admin endpoints: requests endpoints
- Server composition → Auth configuration: configures auth
- Server composition → Route registry: configures routes
- Route registry → Task endpoints: mounts routes
- Route registry → Admin endpoints: mounts routes
- Route registry → User endpoints: mounts routes
- Route registry → Health endpoint: mounts routes
- Task endpoints → Auth middleware: requires auth
- Admin endpoints → Auth middleware: requires admin auth
- User endpoints → Auth middleware: requires admin auth
- Task endpoints → Route handlers: dispatches
- Admin endpoints → Route handlers: dispatches
- User endpoints → Route handlers: dispatches
- DB middleware → Database: provides access