Web application for Healthcare

Large-scale, multifunctional web application that allows users to quickly find a doctor of any specialization, make an appointment or get an online consultation.
image

Challenge

The client urgently needed to extend the team to develop a large web application for patients. And since we had already had a long and positive cooperation experience, they reached out to our team.

Technologies

Team Composition

  • 2 Fullstack Developers

  • 2 Backend Developers

  • 2 QA Specialists

6

team members

10

languages in the app

1

year development

Solution

The main task was to create a large-scale web application with easy administration. To facilitate the work of content managers while creating new objects we used CKEditor, and some custom plugins to provide ready-made templates. Among additional plugins is one that allows content managers to add videos from another service to CKEditor.

 

Since the app contains a lot of video content, our specialists used the Brightcove service to assign a specific ID to each video and to compress video files, therefore, speeding up the loading of video content and making the process of placing files easier.

 


We were also working on a partner location block: it provides the user with locations of the partner doctors and additional information with an option to make an appointment or contact a specialist. For this feature, we used Google Maps, and also developed a special React component allowing the user to filter locations. This component also allows switching between different languages.

 

The application menu is rather complex, so we configured its caching during the first-page loading. For this, we used HTML documents with menu item titles and the necessary data. The app contains many other static elements. Not to overload the servers, different levels of caching are used. The first level is performed via Symfony, and then everything is cached via Varnish.

 

To adapt the interface to the main types of modern devices, the client’s designers created a separate design for each type. While implementation, our team used a grid-based layout system to display everything in the appropriate size. To speed up the loading on mobile devices, we developed a special module for Drupal. It creates 3 copies of the original pic in different quality for certain devices and loads what is needed.

 

One of the highly important tasks was to adapt the app for people with visual impairments. The dev team used HTML Accessibility, which allows users to listen and navigate the content.

Methodology & Transparency

During the project development, we followed Scrum methodology, with two-week sprints.

 

Every 2 weeks the development team arranged general online meetings to evaluate and distribute the tasks for the next sprint. Also, every morning our team got in touch with the client and provided reports on the work performed.

Features

  • Simple content management

    Using the CKEditor that is easy to work with and add new content, ready-made templates for creating new objects, possibility of adding videos from another service to CKEditor

  • Optimized speed

    Optimized loading due to caching and compressing video content

  • Responsiveness

    The web app is looking good on all types of modern devices

  • Accessibility

    The voicing is carried out via screen readers: VoiceOver for macOS and iOS, TalkBack for Android, and NV Access for Windows

  • COVID-19 Section

    The section was urgently created upon the client’s request; it contains the most relevant info with the ability to make an appointment or request an online consultation

  • Location block

    Provides the user with a list of available partner doctors depending on the state/region chosen

  • Multilingualism

    The app offers 10 languages