Picturing Medicine

about project

Educational mobile app to help remember medical topics

technology stack

Project Overview

Client: JKD Healthcare Limited

Project Type: Mobile app, admin dashboard, AI integration

Duration of works: 2 months

Team: 2 UX/UI, 1 full-stack developer, 1 project manager

Business Context

The client came to us with a vision to create a modern application for learning medical issues. The client already had a website dedicated to medical education, but wanted to reactivate their idea by developing a modern app that uses new technologies such as artificial intelligence. With a collection of specially prepared images from medical atlases, he wanted to create a neat and minimalist app that would enhance medical learning.

Requirements

The project required the development of custom code to separate labels from images to highlight specific anatomical parts. Together with the client, we decided to use artificial intelligence to recognize and generate relevant content based on the isolated text. Another requirement was to design a minimalist and user-friendly interface to ensure smooth interaction and increase user engagement.

Key features

  • Flashcards
  • Definitions and descriptions
  • Bookmarks
  • Creating customized flashcards
  • Text-to-speech functionality
  • Integration with AI
  • Recommendation of similar topics

PicturingMedicine

Challenges

One of the main challenges was automating the process of adding images to the CMS and extracting all the labels from the SVG code. We had to develop a system that could detect all labels in SVG images and generate descriptions on the fly, especially when the labels had not yet been identified. In addition, the application has a complex implementation of connections between images based on the labels mentioned in another flashcard. This feature allows users to directly navigate between related images in the app. Of course, we were able to solve all of the challenges, thanks to our experienced developer and a dedicated workshop that allowed us to better understand the client's needs and problems, which translated into further work and resolution of difficulties.

Results

Our team successfully delivered a minimalist, user-friendly application that effectively handles SVG image files and integrates AI for content generation. By isolating text from images, the app enables AI to generate relevant descriptions, enhancing the user's learning experience.
We believe that adding interactive content to educational applications greatly enhances memorization and learning.

Technologies

Flutter + Strapi