KeenKeeper is a high-end, minimalist web application designed to track and manage personal interactions and digital relationships. Built with a focus on "pixel-perfect" design, it serves as a sophisticated dashboard for maintaining a curated history of your most important connections.
KeenKeeper transforms how you track relationships. Moving away from cluttered social media, it provides a clean, Vercel-inspired interface to log interactions, view analytics, and maintain a timeline of your social life. This project is a testament to modern software engineering, focusing on performance, clean code, and a premium user experience.
Built with a cutting-edge stack for speed and scalability:
- Framework: Next.js (App Router, Server & Client Components)
- Styling: Tailwind CSS (Utility-first styling) & DaisyUI
- Typography: Geist (Premium font by Vercel)
- State Management: React Context API
- Icons: React Icons (Lucide, Feather, FontAwesome)
- Charts: Recharts (For beautiful, minimalist data visualization)
- Language: JavaScript (ES6+)
- Notifications: React Toastify (Integrated for instant visual feedback upon adding interaction logs)
- Data Visualization: Integrated Pie Charts using Recharts to visualize interaction frequency and relationship balance.
- Summary Cards: Quick overview of total interactions, most contacted individuals, and last active status.
- Chronological Logs: A beautiful, vertical timeline that maps your history of interactions with friends and family.
- Detailed Tracking: Logs for specific interaction types (Calls, Texts, Meetings) with timestamps.
- Dynamic Routing: Seamless navigation between the Dashboard and individual Timeline views using Next.js
useRouter.
- Minimalist Aesthetic: Inspired by Linear and Vercel, featuring high-contrast typography, subtle borders, and smooth transitions.
- Responsive Design: Fully optimized for Mobile, Tablet, and Desktop views.
- Zero-Distraction Error Handling: A custom-built 404 page that maintains the brand's aesthetic while guiding users back home.
- Contextual Data: Uses React Context to maintain a global state of interactions, ensuring real-time updates across the app.
- Smart Components: Reusable components like Back Buttons, Loading Spinners (DaisyUI), and animated Social Links.
A Frontend (MERN) Developer from Bangladesh, focusing on building scalable digital systems and high-level software engineering.
- GitHub: github.com/srnabil
- LinkedIn: linkedin.com/in/shariea-reza-nabil
Built with 🖤 and Precision by Shariea Reza Nabil