How nonthaphat-ss/daily-work-log works
This is a React daily-work-log application with routed work-log, notes, and 3D knowledge-galaxy experiences. The main workflow is to enter dated work details and tasks, save them to a user-specific Firestore work log, and export a formatted DOCX; the other routes provide note organization and a categorized, time-filterable knowledge visualization. The graph reflects the sampled routing, work-log, authentication, and galaxy code. Notes and the carousel are included as documented-by-the-tree route surfaces, but their internal behavior was not sampled.
Main entry points: WorkLog.jsx Work log page · index.jsx Galaxy page · App.jsx Route shell · main.jsx React entry
Components 23
Application shell
- React entry
src/main.jsx - Route shell
src/App.jsx - Main carousel
src/pages/MainCarousel.jsx - Notes workspace
src/pages/Notes.jsx
Work log
- Work log page
src/pages/WorkLog.jsx - Task input
src/components/TaskInputBar.jsx - Work-log menu
src/components/FloatingMenu.jsx - A4 preview
src/components/A4Document.jsx - Thai date utilities
src/utils/dateUtils.js - DOCX template
public/template.docx - File download
- Cloud Firestore
Knowledge galaxy
- Galaxy page
src/pages/KnowledgeGalaxy/index.jsx - Galaxy data hook
src/pages/KnowledgeGalaxy/hooks/useGalaxyData.js - Galaxy controls
src/pages/KnowledgeGalaxy/components/ControlPanel.jsx - 3D galaxy canvas
src/pages/KnowledgeGalaxy/components/GalaxyCanvas.jsx - Star details
src/pages/KnowledgeGalaxy/components/StarInfoPanel.jsx - Timeline filter
src/pages/KnowledgeGalaxy/components/TimelineSlider.jsx - Browser storage
Identity
- Auth provider
src/contexts/AuthContext.jsx - Firebase setup
src/firebase.js - Firebase Auth
Other components
- User
Connections 24
- User → React entry: opens app
- React entry → Auth provider: wraps routes
- React entry → Route shell: mounts
- Route shell → Main carousel: routes /
- Route shell → Work log page: routes /work-log
- Route shell → Notes workspace: routes /notes
- Route shell → Galaxy page: routes /galaxy
- Auth provider → Firebase setup: uses auth
- Firebase setup → Firebase Auth: configures
- Auth provider → Firebase Auth: observes and signs in
- Work log page → Cloud Firestore: loads and saves
- Work log page → Task input: renders
- Work log page → Work-log menu: renders
- Work log page → A4 preview: renders
- Task input → Thai date utilities: uses date helpers
- Work log page → Thai date utilities: formats dates
- Work log page → DOCX template: loads template
- Work log page → File download: exports DOCX
- Galaxy page → Galaxy data hook: loads and mutates
- Galaxy data hook → Browser storage: reads and writes
- Galaxy page → Galaxy controls: passes category actions
- Galaxy page → 3D galaxy canvas: passes filtered stars
- Galaxy page → Star details: passes selected star
- Galaxy page → Timeline filter: passes date range