How mdsakifhossain/llm-tracker works
llm-tracker is a web app for recording and reviewing local LLM models, including architecture, load status, performance, and evaluation details. Users can browse the model list, submit a model through a secret-protected form, or view prompt/settings material. The browser loads model records through shared client state; submissions pass through the API’s validation and persistence flow. Source excerpts establish the form and API paths, but not the internals of the home/list rendering, so that wiring is left unspecified.
Main entry points: main.jsx Client entry and routes · models.js Model API routes · AddModel.jsx Add model form · ModelsContext.jsx Models context
Components 18
Web client
- Client entry and routes
client/src/main.jsx - Root layout
client/src/layouts/Root.jsx - Navigation header
client/src/components/Header.jsx - Page switcher
client/src/components/PageSwitcher.jsx - Model home
client/src/pages/HomePage.jsx - Model rendering
client/src/components/RenderModels.jsx - Add model form
client/src/pages/AddModel.jsx - Prompt reference
client/src/pages/Notes.jsx - Models context
client/src/contexts/ModelsContext.jsx - Message display
client/src/components/MessageBox.jsx - Theme switcher
client/src/components/ThemeSwitcher.jsx
API service
- Express app
api/index.js - Model API routes
api/routes/models.js - Model validation
api/validators/modelsValidator.js
Model persistence
- Mongo connection
api/db.js - Models collection
api/db.js
Other components
- User
- MongoDB
Connections 17
- User → Client entry and routes: opens app
- Client entry and routes → Root layout: routes to
- Client entry and routes → Models context: provides state
- Root layout → Navigation header: renders
- Navigation header → Page switcher: renders
- Client entry and routes → Model home: routes to
- Client entry and routes → Add model form: routes to
- Client entry and routes → Prompt reference: routes to
- Models context → Model API routes: fetches models
- Add model form → Model API routes: posts model
- Add model form → Models context: updates state
- Express app → Mongo connection: connects on start
- Express app → Model API routes: mounts routes
- Model API routes → Model validation: validates payload
- Model API routes → Mongo connection: uses collection
- Mongo connection → MongoDB: connects to
- Model API routes → Models collection: reads and writes