TrackerKit

• 

  Home

• 

  Schedule

• 

  Time Tracker

• 

  Insights

Inspiration

The inspiration behind TrackerKit: Habit & Time Tracker stems from a need for a seamless way to manage both personal habits and projects including Short Journaling. Many existing tools either focus on one aspect—either habit tracking such as HabitKit or project tool such as Time Balance—but we wanted to combine the two in one flexible, easy-to-use solution. Our aim was to develop a tool that prioritizes privacy, flexibility, and ease of use by packing all into one, all while providing valuable insights into personal growth and productivity.

What it does

TrackerKit is designed to help users track their habits and projects effectively. It includes features like:

• Track what you feel on each habit and project during the progress with tracker.
• Time tracking for each habit and project, so users can monitor how they spend their time.
• Flexible scheduling to fit habits and projects into a user’s unique routine.
• Smart notifications to ensure users stay on top of their goals.
• Short journaling to allow for quick reflections on progress.
• Analytics for visualizing progress and keeping users motivated.

How we built it

The app was developed using React Native for efficient cross-platform support, allowing for native near performance on both iOS and Android. The time tracking functionality was implemented using precise react hooks to monitor and log user activity, while the scheduling and notification system relies on React Native Push Notifications and background services to ensure reliability. Data is stored securely in a Redux Persist on the client side, with the Storage API React-Native MMKV which is more faster than async Storage. The Analytics features are powered by a data visualization libraries like D3.js, React-Native Gifted Chart and Victory, providing users with dynamic, real-time feedback on their progress. App Performance optimization was achieved through lazy loading, code splitting and react performance hooks to ensure the app remains lightweight and responsive.

Challenges we ran into

• Integrating time tracking, even when the app is closed, in a way that feels intuitive yet powerful for both habits and projects.
• Designing a smart notification system with repeated schedule of the user.
• Ensuring cross-platform compatibility while maintaining performance and privacy for users.
• Accomplishments that we're proud of Successfully combining habit tracking and project journaling and time tracking into a single tool that doesn’t sacrifice ease of use.
• Building a strong yet lightweight app that focuses on user privacy and data security.

Accomplishments that we're proud of

One of our major achievements was successfully building an app that combines habit tracking and project Journaling in a unified platform without compromising performance or usability. Implementing a highly customizable time tracking and notification system while maintaining smooth performance was a significant technical accomplishment. We’re also proud of our real-time analytics and charting solutions, which offer detailed insights and trend analysis using efficient data handling techniques. The app’s cross-platform capabilities, developed using React Native, ensure native-like performance across devices while remaining easy to maintain.

What we learned

Throughout the development process, we gained valuable experience in optimizing React Native Performance for complex features like tracking and background services. We learned that handling asynchronous data flows, especially for time tracking and notifications, requires careful performance management to avoid impacting the user experience. Additionally, we deepened our understanding of data visualization techniques and performance optimizations in mobile apps, learning how to balance the display of large datasets with maintaining UI responsiveness.

What's next for TrackerKit

• Implement a Home Screen Widget to access & track Habits with ease.
• Introduce Cloud Backup functionality to app for the users who wants to protect their data.
• Introduce more advanced analytics, including trends over time and deeper insights into user productivity.
• Expand on collaborative features so users can track shared Habits, Projects & Journal if required, and through React-Native Deep link API & Shareable link.

Built With

• charts
• gorhom/bottom-sheet
• javascript-unwind
• lodash
• moment.js
• react
• react-native
• react-native-gifted-charts
• react-native-haptic-feedback
• react-native-in-app-review
• react-native-mmkv
• react-native-paper
• react-native-purchases
• redux
• redux-persist
• revenuecat-sdk