How dksifoua/note-taking-app works
This is a note-taking application with a React UI and a Bun/TypeScript API, backed by MongoDB. The visible backend workflow routes registration and login requests through HTTP handlers, authentication services, and user persistence; user retrieval and deletion use a parallel handler/service/repository path. The UI includes authentication and a protected home page, but the excerpts do not show how it calls the API or implements note operations. The graph preserves those documented product surfaces while marking unsupported UI-to-API wiring as unverified.
Main entry points: app.ts API bootstrap · App.tsx Route application · user.repository.ts User repository · Auth Auth pages
Components 19
Web interface
- Route application
apps/ui/src/App.tsx - Auth pages
apps/ui/src/pages/Auth - Protected home
apps/ui/src/pages/Home/HomePage.tsx - Auth provider
apps/ui/src/providers/AuthProvider.tsx - UI components
apps/ui/src/Components.tsx
API runtime
- API bootstrap
apps/api/src/app.ts - Request middleware
apps/api/src/middlewares - Auth handler
apps/api/src/handlers/auth.handler.ts - User handler
apps/api/src/handlers/user.handler.ts
User domain
- Authentication
apps/api/src/services/auth.service.ts - User operations
apps/api/src/services/user.service.ts
Persistence
- User repository
apps/api/src/repositories/user.repository.ts - Database context
apps/api/src/persistence/context.ts - User schema
apps/api/src/schemas/user.schema.ts
Shared infrastructure
- HTTP router
packages/http/src/router.ts - Dependency injection
packages/ioc/src/provider.ts - Logging
packages/logging/src/index.ts
Other components
- User
- MongoDB
Connections 21
- User → Route application: uses
- Route application → Auth provider: provides auth
apps/ui/src/App.tsx - Route application → Auth pages: routes to
apps/ui/src/App.tsx - Route application → Protected home: protects route
apps/ui/src/App.tsx - Route application → UI components: routes to
apps/ui/src/App.tsx - Auth pages → UI components: uses
- User → API bootstrap: sends requests
- API bootstrap → HTTP router: configures routes
apps/api/src/app.ts - API bootstrap → Request middleware: installs
apps/api/src/app.ts - API bootstrap → Auth handler: routes auth
apps/api/src/app.ts - API bootstrap → User handler: routes users
apps/api/src/app.ts - API bootstrap → Dependency injection: registers services
apps/api/src/app.ts - API bootstrap → Logging: creates logger
apps/api/src/app.ts - Auth handler → Authentication: calls
apps/api/src/handlers/auth.handler.ts - User handler → User operations: calls
apps/api/src/handlers/user.handler.ts - Authentication → User repository: checks and writes users
apps/api/src/services/auth.service.ts - User operations → User repository: reads and deletes
apps/api/src/services/user.service.ts - User repository → Database context: queries models
apps/api/src/repositories/user.repository.ts - Database context → User schema: uses schema
apps/api/src/persistence/context.ts - API bootstrap → MongoDB: connects
apps/api/src/app.ts - User repository → MongoDB: persists users