Project
KeenKeepers
A relationship tracker app to log interactions, visualize timelines, and stay consistently connected with the people who matter.
React.js
Tailwind CSSDaisy UIReact Toastify
React RouterRecharts
About the Project
KeenKeepers is a personal relationship management app built to help users stay intentionally connected with the people who matter most in their lives. Users can log interactions with friends, family, and colleagues, track how recently they connected with each person, and visualize relationship timelines through Recharts-powered charts. The app uses React Router v7 for multi-page navigation, a custom useChartData hook for data aggregation, and a canvas-based firefly animation system on the custom 404 error page. KeenKeepers is designed with a warm, human-centered UI that feels personal rather than productivity-tool cold — encouraging emotional awareness alongside digital organization.
⚡ What Was Hard
- 01Fixing a critical routing bug caused by incorrect context destructuring inside the useChartData hook that broke chart rendering.
- 02Building a canvas-based animated firefly system for the custom 404 page that performed smoothly without memory leaks.
- 03Designing chart data aggregation logic that correctly grouped and sorted interaction logs by time period.
- 04Ensuring React Router v7 nested routes worked correctly without layout shift or re-mount issues.
- 05Creating a UI that felt warm and personal rather than cold and transactional for a sensitive use case.
🚀 What is Next
- 01Add a backend with user authentication so relationship data persists across devices.
- 02Introduce recurring reminder notifications to prompt users to reconnect with neglected contacts.
- 03Build an AI-powered suggestion engine that recommends who to reach out to based on interaction history.
- 04Add tagging and categorization for contacts (close friends, colleagues, family).
- 05Export interaction history and relationship reports as PDF summaries.