A project by Dylan

NSCC CARE

Healthcare training app built to replace pen-and-paper data entry for nursing students at Nova Scotia Community College. I designed and co-developed a React SPA with bed-rotation visualization, patient profile builders, and multi-step clinical assessment flows.

NSCC CARE project preview
Project still · NSCC CARE

Role

Frontend Developer

Released

Stack

  • React
  • Vite
  • JavaScript
  • MUI / Bootstrap
  • Figma
  • GitHub Actions
  • Azure

See it

Private academic repo
NSCC CARE training app home screen
CARE home
NSCC CARE Cognitive assessment page
Cognitive Assessment
Home screen with shift selector
Shift selection modal
Form screen asking for basic patient information
Patient Intake Form
Patient profile page with demo data
Patient Profile (demo data)
Assessment page with shift change modal
Patient Assessment (with shift change modal)

CARE

Overview

Clinical Assessment Record Entry (CARE) is a clinical training application built to replace paper-based documentation used by continuing care and long-term care nursing students during simulated clinical sessions.

The application needed to model real clinical workflows: patient profiles, bed assignments, shift handoffs, and structured assessments, while remaining practical to use on tablets. It needed to be 100% compliant, and work every time.

I joined the project as a frontend developer on a six-person team and eventually took on much of the frontend leadership.

My Role

I owned the visual direction and helped turn early prototypes into a reusable React interface. I worked closely with nursing faculty to understand how the application would actually be used, then translated that feedback into Figma designs, reusable components, patient profile builders, and multi-step clinical workflows.

I also worked across the frontend/backend boundary, coordinating API contracts and troubleshooting issues against the live application. The project was deployed through GitHub Actions and Azure.

Designing for Real Users

One of the biggest lessons was that a technically sound interface can still be wrong for its users.

Working with faculty exposed problems that weren’t obvious from the original requirements. Tablet use, for example, changed how forms, navigation, and information density needed to work. In my initial designs I made a lot of assumptions based on style, and was given feedback that the assessment forms would be completed on tablet almost all the time.

We iterated on the designs based on actual feedback rather than treating the original specification as fixed.

NSCC CARE patient assessment page. Showing a parent child tab/page architecture.
Application would primarily be used on tablets provided by the college.

Working as a Team

This was my first experience contributing to a larger development team.

I collaborated with five other developers across frontend and backend work, worked directly with faculty stakeholders, and mentored three student developers on Git workflows and code reviews.

It taught me how much good software development depends on communication between people, not just communication between systems.

Results

The MVP expanded from an early prototype into an application used by 500+ nursing students and faculty.

Our team also presented the MVP to stakeholders, helping secure continued funding and a production pilot.

I was awarded Student of the Year for the 2024–2025 academic year in recognition of my technical contribution to the project.

What I Learned

CARE taught me to think about frontend development as more than building components.

The best implementation starts with understanding the person using it, communicating clearly with the people building it, and being willing to throw away an idea when the evidence says it’s wrong.

It was also the project that made me realize I really enjoy building software with other developers.