All Examples
Solution
Maryam Khan

Medication Management: Visual Compliance Tracking

A web application for tracking medications with reminders, calendar visualization, and color-coded compliance indicators. Built with AI-assisted development and deployed on Open Source Cloud.

Try the App

Want to build something like this?

Deploy your own stack on Open Source Cloud β€” no lock-in, fully portable.

Deploy This Stack
Medication Management calendar view

Services Used

Claude AI

AI-powered development assistant that helped build the entire application and resolve technical challenges

MariaDB

Relational database from OSC for storing user data, medications, reminders, and notes

Open Source Cloud

Platform for deploying the Vue.js/Vite application via the My Apps feature

Key Features

User authentication with login and registration
Medication entry and tracking system
Reminder creation with calendar display
Pop-up notifications for medication reminders
Color-coded compliance: green for taken, red for missed
Notes section for each medication

The Challenge

Building a medication management application requires handling user authentication, database design for medications and reminders, calendar integration, and creating an intuitive interface for tracking compliance. The developer encountered challenges with database configuration, Vite compatibility during deployment, and table initialization.

The insight: By combining AI-assisted development with OSC's managed database services and app deployment, all technical challenges were resolved and the application was successfully deployed.

β€œThe app provides visual reminders for the user by color-coding calendar events based on medication adherence, making it easy to monitor compliance at a glance.”

β€” Maryam Khan

Medication Details

Medication detail view

How It Was Built

1

AI-Assisted Development

Used Claude AI to develop the Vue.js/Vite frontend and Node.js/Express backend, significantly accelerating the development process.

2

Database Setup

Configured MariaDB from OSC to store user accounts, medication records, reminders, and personal notes with proper relationships.

3

Calendar Integration

Implemented calendar visualization with color-coded events showing medication compliance at a glance.

4

Application Deployment

Deployed the completed application to OSC using the My Apps feature, making it accessible for users to manage their medications.

Read the Full Article

Learn more about Maryam's experience building a medication management application with AI-assisted development on DEV Community.

Ready to Deploy Your Own Stack?

Every service used in this case study is available on Open Source Cloud. Deploy with zero lock-in β€” move to any cloud or on-premises at any time.

Start Building on OSC

Built Something with OSC?

Share your project with the community! We'd love to feature your work and inspire others.

Share Your Example