SMA Daily Assist

• 

  home page

• 

• 

  logo

Inspiration

Spinal Muscular Atrophy (SMA) presents daily challenges for patients and caregivers, from mobility limitations to communication barriers. We wanted to create a solution that restores independence, simplifies caregiving, and improves day-to-day life for those affected. The idea came from seeing the gap in accessible, role-specific tools for both patients and caregivers.

What it does

Our platform provides role-based dashboards:

Patients get an intuitive interface to track requests, communicate with caregivers, and manage their routines.

Caregivers can monitor multiple patients, respond to requests, and organize schedules efficiently. The system ensures secure login, personalized experiences, and seamless communication, all in one web app.

How we built it

Frontend: Next.js 13 with App Router for scalable routing.

Backend & Auth: Supabase for authentication, database, and real-time updates.

State Management & UI: React components with Tailwind CSS for responsive design.

Role-Based Routing: Users are redirected based on their role (caregiver or patient) after login, ensuring they only see relevant dashboards.

Deployment: Vercel for hosting with environment variables configured securely for Supabase integration.

Challenges we ran into

Implementing role-based routing correctly in Next.js App Router was tricky.

Ensuring Supabase credentials worked both locally and in production required careful configuration of .env files and Vercel environment variables.

Handling real-time updates for patients and caregivers while keeping the UI simple and responsive.

Accomplishments that we're proud of

Fully functional signup/login flow for both roles with role-specific dashboards.

Smooth authentication checks and automatic redirects to relevant dashboards.

Clean and responsive UI for both patients and caregivers, making the app usable on multiple devices.

Successfully deployed a production-ready web app on Vercel.

What we learned

How to implement role-based dynamic routing in Next.js App Router.

Best practices for Supabase authentication and database integration.

Importance of environment variable management for secure deployments.

Real-world experience in building tools that directly impact user lives, balancing usability with functionality.

What's next for this project

Adding real-time messaging between patients and caregivers.

Introducing smart reminders for medication or daily tasks.

Mobile-first improvements for better accessibility.

Extending the app to support data analytics for caregivers, helping them optimize care routines.

Built With

• next.js
• pnpm
• supabase
• tailwind