Volver
Final degree project

AudiHub

A platform designed to manage, organize, and enjoy music libraries from any device. Developed using HTML, CSS, and JavaScript for the web version and Android Studio for the mobile app, sharing a common infrastructure based on Firebase.

HTMLCSSJavaScriptFirebaseAndroid Studio
AudiHub
Discover more
Objective

Project Justification

Why was AudiHub created and what problems does it solve?

Centralization and Access

This project was created with the goal of providing a centralized digital solution related to hearing health that allows optimizing the manual processes of saving audiometries, managing appointments, and tracking patients, thereby facilitating the work of professionals while simultaneously offering patients access to their hearing information.

Cross-Platform Synchronization

It consists of two platforms: A mobile application for patients and a website for medical professionals. Through a shared backend powered by Firebase, audiometry results, medical appointments, and patient follow-ups are instantly synchronized on both the web and mobile devices.

Accessibility

With the goal of ensuring optimal accessibility, the design was developed considering the needs of people with different types of color blindness, aiming to select an accessible color palette and avoiding problematic combinations. Additionally, it is accessible to users from different language backgrounds: Galician, Spanish, and English.

Target Audience

Aimed at two main user profiles: On one hand, hearing care professionals using the website. On the other hand, patients using the mobile application.

Features

Main implemented features

AudiHub consists of two applications sharing the same infrastructure, offering features tailored to the needs of each platform.

Main features of the web application

  • User authentication: access via username and password
  • Audiometry recording and storage: creation of new records associated with each patient
  • Appointment management: scheduling, editing, and canceling medical appointments

General system features

  • Information synchronization between the web and mobile applications
  • Encryption and protection of stored data
  • Ability to incorporate new features in the future

Main features of the mobile application

  • Registration and sign-in: account creation, login, and password recovery
  • Audiometry history consultation: viewing recorded results by the professional along with their report
  • Appointment request and consultation: requesting new appointments and accessing the personal calendar
  • Accessible interface: clear visual design, use of icons and adapted text to facilitate usage for people with hearing difficulties
Ecosystem

Web Platform and Mobile Application

Web

HTML · CSS · JS
  • Institution's website with user authentication
  • Accessible and responsive design
  • Used by medical staff for creating, editing, and deleting audiometries, along with managing appointments
Firebase Auth + Firestore

Android App

Android Studio · XML / Kotlin
  • Mobile interface adapted for different types of color blindness and accessible in multiple languages (Galician, Spanish, and English)
  • Patient-oriented
  • Registration of audiometries and reports, and appointment consultation
Documentation

Project Design, Manual, and Videos

Link to Figma to view the created designs, link to view the user manuals for both mobile and web, and finally visual resources: mobile app and web page video

UI / UX

Figma Design

Technical Manuals

Project Manuals

Videos

Web and app videos

GITHUB

Looking for more detailed information?

You can explore the entire source code, software architecture, and full documentation directly in the official GitHub repository.