
Tech Stack
Description
HeroGeneration is a purpose-driven application focused on helping families and caregivers work together in supporting aging loved ones. As a full-stack developer, I helped build the foundation for scalable user workspaces, flexible team collaboration, and a seamless onboarding experience.
The project uses a robust tech stack with Nest.js and PostgreSQL on the backend, and a clean front-end experience using Next.js, React, and Tailwind CSS. I implemented real-time care updates, profile management, role-based access, and invitation flows using Supabase.
This product was designed with accessibility and ease-of-use at the forefront, enabling users of all technical levels to navigate the platform confidently and securely.
- Developed a scalable care coordination system supporting multiple loved ones and team members.
- Built intuitive role-based dashboards for families and caregivers using Next.js and Tailwind CSS.
- Designed secure invitation, verification, and access control flows using Supabase and Nest.js.
- Integrated profile management with image upload and medical detail support.
- Focused on accessibility, clean UI/UX, and real-time updates across team collaboration.
Page Info
Dashboard
A centralized dashboard where users manage loved ones, view updates, and coordinate with team members.

Loved One Profile
Detailed profiles for each loved one with personal, medical, and relational context, including photo uploads.


Task & Calendar Management
Plan, assign, and track caregiving responsibilities like medications or appointments using a collaborative task board with status indicators.

