Skip to content
Skip to content
Projects

GetHealth - MediPortal

Nov 02, 2023 5 min Taofeeq H. React, Tailwind CSS, JavaScript
GetHealth - MediPortal

About GetHealth

GetHealth (MediPortal) is an international collaborative project developed on the uPivotal Platform through a partnership between MIVA, Alabama A&M University (AAMU), and MIT ADT University. The platform is a comprehensive healthcare management system designed to improve operational efficiency in medical facilities, featuring equipment and facility tracking, advanced search and filtering, a patient referral system, and centralized appointment management.

Built with React, Tailwind CSS, and JavaScript (comprising 99% of the codebase), the project brings together contributors from multiple universities to address real-world healthcare accessibility challenges. The platform is deployed on Netlify and licensed under MIT.

My Contribution

I contributed to GetHealth by performing a complete frontend overhaul of the platform's login system — the first touchpoint for all users interacting with the application.

Login System Redesign

PR #4 — Refactor Login · Merged Sep 2025 · 9 commits

The existing login page was a basic, unstyled form that didn't reflect the platform's healthcare-focused branding or meet modern UX standards. I redesigned and rebuilt the entire login experience across the following areas:

UI/UX Overhaul

  • Revamped the login page layout with a modern, focused aesthetic
  • Implemented full mobile responsiveness to ensure usability across devices
  • Added a high-quality background image (login-bg.png) for visual impact

Branding & Identity

  • Designed and implemented a custom responsive SVG Logo component with dynamic sizing logic
  • Integrated standardized Google authentication icon (google-icon.svg)
  • Established visual consistency with the platform's healthcare identity

Authentication Experience

  • Built the UI for Google Social Authentication to streamline user onboarding
  • Improved form validation error message positioning and visibility for clearer feedback on login failures
  • Updated navigation links for account creation and sign-up, making them more visible and accessible

Design System Foundation

  • Integrated the Roboto font family into the global stylesheet
  • Defined centralized theme variables to ensure consistency across the login flow and future components

Commits

  1. Add Logo component with SVG — Custom responsive logo
  2. Implement login background image and update login component — Visual redesign
  3. Update Logo component for responsive SVG sizing — Cross-device refinement
  4. Add Roboto font and theme variable to global styles — Typography standardization
  5. Minor formatting: Fix spacing in password validation error message — UX polish
  6. Revamp Login page UI layout for improved design and mobile responsive... — Complete layout overhaul
  7. Reposition error messages and add login interactions to Login page — Feedback improvements
  8. Updates login page assets and Google... — Asset integration
  9. Navigation and Accessibility — Link visibility improvements

Healthcare Technology

Interested in building impactful health-tech platforms? Let's talk about your project.

Start a Conversation

Impact

The login redesign transformed the platform's first impression from a bare-minimum form into a polished, branded experience that communicates professionalism and trust — critical qualities for a healthcare application. The responsive implementation ensures providers and patients can access the platform from any device, while the Google authentication integration reduces friction for new user onboarding.