How mohammed-donia/athar_project works
Athar is a personal activity and goal-tracking app: users create trackers, record dated values, then review progress and activity. Its routes also provide dashboard and statistics views, plus settings for appearance and data management. The sampled pages show tracker and entry interactions, activity filtering, and settings import/export; source for the dashboard, statistics page, and store implementations was not sampled, so their internal wiring is left unspecified.
Main entry points: router.tsx Route map · Settings.tsx Settings · Trackers.tsx Tracker list · TrackerDetails.tsx Tracker details
Components 23
App navigation
- App entry
src/app/App.tsx - Route map
src/app/router.tsx - App layout
src/components/layout/Layout.tsx
Trackers and entries
- Tracker list
src/pages/Trackers/Trackers.tsx - Tracker details
src/pages/TrackerDetails/TrackerDetails.tsx - Tracker forms and cards
src/components/trackers/TrackerForm.tsx - Entry forms and lists
src/components/entries/EntryForm.tsx - Tracker templates
src/data/templates.ts
Progress and insights
- Dashboard
src/pages/Dashboard/Dashboard.tsx - Activity feed
src/pages/Activity/Activity.tsx - Statistics
src/pages/Statistics/Statistics.tsx - Timeline groups
src/components/entries/TimelineGroup.tsx - Charts
src/components/charts/TrendLineChart.tsx - Date and totals
src/utils/statistics.ts
State and settings
- Settings
src/pages/Settings/Settings.tsx - Tracker state
src/stores/trackerStore.ts - Entry state
src/stores/entryStore.ts - Appearance state
src/stores/uiStore.ts - Notifications
src/stores/toastStore.ts - Demo data
src/data/demoData.ts - Browser storage helper
src/lib/storage/storage.ts
Other components
- User
- Browser local storage
Connections 27
- User → App entry: opens
- App entry → Route map: provides routes
- Route map → App layout: renders
- Route map → Dashboard: routes to
- Route map → Tracker list: routes to
- Route map → Tracker details: routes to
- Route map → Activity feed: routes to
- Route map → Statistics: routes to
- Route map → Settings: routes to
- Tracker list → Tracker state: reads and updates
- Tracker list → Entry state: reads
- Tracker list → Tracker forms and cards: renders forms
- Tracker list → Tracker templates: selects from
- Tracker details → Tracker state: reads and updates
- Tracker details → Entry state: reads and updates
- Tracker details → Entry forms and lists: renders forms
- Tracker details → Date and totals: calculates progress
- Activity feed → Tracker state: reads
- Activity feed → Entry state: reads
- Activity feed → Date and totals: groups entries
- Activity feed → Timeline groups: renders groups
- Settings → Tracker state: imports and exports
- Settings → Entry state: imports and exports
- Settings → Appearance state: changes theme
- Settings → Notifications: shows messages
- Settings → Demo data: loads sample data
- Browser storage helper → Browser local storage: reads and writes