Glasgow Local Hospital
Glasgow Local Hospital is a comprehensive MERN stack web application designed to streamline hospital management and enhance patient care. The platform offers an intuitive interface for staff to manage appointments, patient records, and hospital resources efficiently. For patients and their families, it provides easy access to essential information, educational resources, and engaging interactive features. Built with React, Tailwind, and Vite, the application ensures a responsive, user-friendly experience while maintaining robust security and scalability for healthcare environments.
# The Client Brief
I built an interactive React website for a local children's hospital that goes way beyond your typical hospital site. The goal was to create something that actually helps young patients and their families during what can be a pretty scary time. I packed it with hand-drawn illustrations, fun animations, and educational games built with the Canvas API - basically turning a hospital website into something kids might actually want to explore.
# Planning & Researching
Before jumping into code, I spent time looking at other hospital websites (most of them were pretty boring, honestly) and talked to families to figure out what they actually needed. The big challenge was creating something that works for both kids who might be anxious about being in the hospital and parents who need real information fast. I wanted to build something that felt more like a friendly playground than a sterile medical website.
# Design
The whole design philosophy was about making the hospital feel less intimidating. I went with soft, comforting colors and lots of hand-drawn cartoon characters that guide kids through different sections. Every interactive element serves a purpose - whether it's helping a child understand what to expect during a procedure or just giving them something fun to do while waiting. I kept the design consistent throughout so kids don't get confused navigating between sections.
# Development
# Testing
Testing this project was actually pretty fun. I got to work directly with young patients and hospital staff to see how the site performed in real-world conditions. Kids are brutally honest about what works and what doesn't - if something's boring or confusing, they'll tell you immediately. I made tons of adjustments based on their feedback, especially around making buttons bigger and games more intuitive. Surveys were also conducted with parents to ensure the site met their needs for information and ease of use.
# Deployment
# Challenges
- Optimizing hand-drawn illustrations for web without losing visual quality.
- Ensuring accessibility for children with varying cognitive and physical abilities by simplifying navigation and creating larger, more engaging visuals.
- Managing state effectively in React to handle game logic and interactive elements without compromising performance.
Explore More Projects
Visit the portfolio gallery to view images of all my work.
View Portfolio Navigate to the portfolio gallery page to see more of my work.Did you enjoy this post?
Buying me a coffee is a great way to support my work and projects.
Thank You.
