How gokuldevp/habit-tracker-client works
Habit Tracker is a React app for adding habits and reviewing or updating them by day and week. The main flow routes users to an add form or a view, then uses Redux state to represent habits and their statuses. The README documents daily and weekly views, habit creation, and status updates; sampled code confirms routing, creation, weekly status calculation, and store setup. DayView, WeekView, and NavBar internals were not sampled, so their specific data interactions are left unspecified.
Main entry points: App.js App routes · store.js Redux store · index.js React entry · AddHabits.js Add habits
Components 15
Application UI
- React entry
src/index.js - App routes
src/components/App.js - Navigation bar
src/components/NavBar.js
Habit workflows
- Add habits
src/pages/AddHabits.js - Week view
src/pages/WeekView.js - Daily view
src/pages/DayView.js - Day summary
src/components/WeekBox.js - Habit display
src/components/DailyBox.js
Redux state
- Habit actions
src/redux/actions/habits.js - Navigation actions
src/redux/actions/navActions.js - Redux store
src/redux/store/store.js - Root reducers
src/redux/Reducer/index.js - Habit reducer
src/redux/Reducer/habitsReducer.js - Navigation reducer
src/redux/Reducer/navReducer.js
Other components
- User
Connections 15
- User → React entry: opens app
- React entry → Redux store: provides state
- React entry → App routes: renders
- App routes → Navigation bar: renders
- App routes → Add habits: routes to
- App routes → Week view: routes to
- App routes → Daily view: routes to
- Add habits → Habit actions: creates actions
- Add habits → Redux store: dispatches
- Redux store → Habit actions: dispatches defaults
- Redux store → Root reducers: reduces actions
- Root reducers → Habit reducer: combines
- Root reducers → Navigation reducer: combines
- Day summary → Redux store: reads habits
- Week view → Day summary: renders days