HeroGeneration

Full Stack
Web Dev
HeroGeneration

Tech Stack

Next.js
React
Nest.js
Typescript
Tailwind CSS
PostgreSQL

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.

/projects/hero-generation/hg-1.png

Loved One Profile

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

/projects/hero-generation/hg-2.png/projects/hero-generation/hg-3.png

Task & Calendar Management

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

/projects/hero-generation/hg-4.png/projects/hero-generation/hg-cover.png