How hsai-rohit/task-glitch works
TaskGlitch is a sales-team task management app centered on creating, editing, filtering, and deleting tasks, with undo and ROI-based productivity views. The visible runtime flow runs through the React app, task table, context, and task hook; analytics, activity logging, and CSV export are additional capabilities. The hook and several UI modules were not sampled, so their internal behavior and data source are not asserted. The README mentions CSV import, but the sampled CSV utility shows export only.
Main entry points: App.tsx TaskGlitch App · TaskTable.tsx Task Table · TasksContext.tsx Task Context · MetricsBar.tsx Metrics Bar
Components 16
Application
- TaskGlitch App
src/App.tsx - User Context
src/context/UserContext.tsx
Task Management
- Task Table
src/components/TaskTable.tsx - Task Form
src/components/TaskForm.tsx - Task Details
src/components/TaskDetailsDialog.tsx - Task Context
src/context/TasksContext.tsx - Task State Hook
src/hooks/useTasks.ts - Undo Snackbar
src/components/UndoSnackbar.tsx
Productivity Insights
- Metrics Bar
src/components/MetricsBar.tsx - Charts Dashboard
src/components/ChartsDashboard.tsx - Analytics Dashboard
src/components/AnalyticsDashboard.tsx - Activity Log
src/components/ActivityLog.tsx
Shared Services
- ROI and Analytics Logic
src/utils/logic.ts - CSV Utilities
src/utils/csv.ts - App Theme
src/theme.ts
Other components
- Sales Team User
Connections 17
- Sales Team User → TaskGlitch App: uses
README.md - TaskGlitch App → User Context: reads user
src/App.tsx - TaskGlitch App → Task Context: reads task state
src/App.tsx - TaskGlitch App → Task Table: renders
src/App.tsx - TaskGlitch App → Undo Snackbar: renders
src/App.tsx - TaskGlitch App → Metrics Bar: renders
src/App.tsx - TaskGlitch App → Charts Dashboard: renders
src/App.tsx - TaskGlitch App → Analytics Dashboard: renders
src/App.tsx - TaskGlitch App → Activity Log: renders
src/App.tsx - TaskGlitch App → CSV Utilities: exports filtered tasks
src/App.tsx - TaskGlitch App → ROI and Analytics Logic: computes metrics
src/App.tsx - Task Table → Task Form: renders
src/components/TaskTable.tsx - Task Table → Task Details: renders
src/components/TaskTable.tsx - Task Context → Task State Hook: gets task state
src/context/TasksContext.tsx - Metrics Bar → Task Context: reads metrics
src/components/MetricsBar.tsx - Analytics Dashboard → ROI and Analytics Logic: uses analytics
src/components/AnalyticsDashboard.tsx - TaskGlitch App → App Theme: configured by