**Status:** Active

**Timeline:** January 2024 - present

**Visit site:** [azaleareport.com](https://azaleareport.com)

**Technologies:** Next.js, TypeScript, Tailwind CSS, Convex, Vercel

---

The Azalea Report is the official newsletter for the SGMC Health Internal Medicine Residency program. Built as a modern web application, it serves as a central hub for residency news, academic updates, and community highlights.

## Purpose

The newsletter was created to improve communication within the residency program and provide a professional platform for sharing accomplishments, upcoming events, and educational content with residents, faculty, and staff.

## Technical Details

### Architecture

The project is a **TypeScript monorepo** powered by **Turborepo**, containing two Next.js 14 applications and three shared packages:

- **`@azalea/web`** — Public-facing newsletter site (port 3000)
- **`@azalea/admin`** — Content management dashboard (port 3001)
- **`@azalea/ui`** — Shared UI component library
- **`@azalea/shared`** — Shared types, constants, and utilities
- **`@azalea/sections`** — Reusable content block components

### Backend & Database

The backend runs on **Convex**, a serverless backend platform providing a real-time cloud database. Key data include `issues`, `sections`, `media`, `users`, `birthdays`, and `locks` (for concurrent editing).

### Hosting & Deployment

- **Frontend:** Deployed on **Vercel** with continuous deployment
- **Backend:** Hosted on **Convex Cloud**
- **Custom deploy scripts** for production deployments and storage migrations

### Admin Dashboard

A full-featured content management dashboard built with Next.js, featuring:

- Issue creation, editing, publishing, and archiving
- 18+ content section types (spotlight, chief's corner, events, carousel, podcast, birthdays, etc.)
- Rich text editing via **Tiptap**
- Drag-and-drop section ordering via **dnd-kit**
- Media library with image uploads (via **react-dropzone**)
- User authentication and concurrent editing locks
- Dashboard stats overview (total issues, drafts, published)
- Light/dark theme toggle

### Styling

- **Tailwind CSS 3.4** with `@tailwindcss/typography` and `@tailwindcss/forms` plugins
- Custom Azalea brand palette (green `#016f53`, peach `#FFE6D6`)
- Fonts: Montserrat (sans) and Georgia (serif)
- Custom animations and CSS variable-based theming

### API & Integrations

- Convex real-time queries and mutations for all content operations
- OG image proxy API route for WhatsApp/social media link previews
- HTML sanitization (sanitize-html, DOMPurify) for XSS prevention

## Key Features

- Responsive newsletter layout
- Custom-built CMS with rich content editing
- 18+ flexible content section types
- Real-time database with concurrent editing support
- Media library and image management
- Fast delivery via Vercel CDN
- Mobile-friendly reading experience

**Status:** Active

**Timeline:** 2024 - present

**Visit site:** [sgmc-resident-guide.netlify.app](https://sgmc-resident-guide.netlify.app)

**Technologies:** React, TypeScript, Netlify

---

A centralized web application for SGMC Health internal medicine residents and interns, providing fast access to clinical knowledge, ward notes, specialty guidelines, and on-call resources through a searchable interface.

## Purpose

During residency, clinically-relevant information is often scattered across emails, paper handoffs, and institutional drives. This app consolidates the most-needed resources into a single searchable destination optimized for quick bedside reference.

## Key Features

- Searchable repository of clinical resources organized by specialty (cardiology, pulmonology, infectious disease, nephrology, and more)
- Sections for rotations, committees, policies, didactics, and on-call guidance
- Documentation templates and quick references
- Mobile-optimized for phone use on the wards
- Clean, distraction-free reading interface

**Status:** Active

**Timeline:** 2024 - present

**Visit site:** [ahf-predischarge-risk-calculator.netlify.app](https://ahf-predischarge-risk-calculator.netlify.app)

**Technologies:** React, TypeScript, Netlify

---

A clinical risk calculator that estimates the probability of 90-day heart failure hospitalization or death at the time of hospital discharge, using four evidence-based parameters.

## Purpose

Acute heart failure readmissions are a persistent challenge in hospital medicine. This tool provides a quick, bedside-friendly risk estimate that helps clinicians decide on disposition, follow-up intensity, and whether further predischarge optimization is warranted.

## Inputs

- NT-proBNP
- Systolic blood pressure
- Left atrial volume index (LAVI)
- Lung ultrasound B-lines

## Key Features

- Clean single-page form with sensible clinical defaults
- Risk stratification on a 0–4 scale with guidance language
- Expandable parameter explanations for teaching
- Copy-to-clipboard result summary for documentation
- Mobile-first layout for ward rounds

**Status:** Active

**Timeline:** 2024 - present

**Visit site:** [pcacalc.netlify.app](https://pcacalc.netlify.app)

**Technologies:** React, Vite, Netlify

---

A dosing calculator for patient-controlled analgesia (PCA) pumps, designed to help inpatient teams configure opioid infusion, demand-dose, and lockout parameters quickly and consistently.

## Purpose

PCA settings require several interlocking calculations (basal rate, demand dose, lockout interval, hourly limit) that are error-prone under cognitive load. This tool standardizes the math and surfaces sensible ranges for common agents.

## Key Features

- Agent-specific calculation flows
- Basal, demand-dose, lockout, and 1-hour and 4-hour limits
- Conservative defaults with inline guidance
- Mobile-optimized for on-call use

**Status:** Active

**Timeline:** 2024 - present

**Visit site:** [dcplanner.netlify.app](https://dcplanner.netlify.app)

**Technologies:** React, Netlify

---

A structured discharge planning tool that helps internal medicine teams coordinate the many moving pieces of a hospital discharge — medications, follow-up, equipment, transportation, and patient education.

## Purpose

Good discharges prevent readmissions, but they require tracking a long checklist across nurses, case managers, pharmacy, and outpatient clinics. This tool formalizes the checklist in one place and lets the team see what's outstanding at a glance.

## Key Features

- Discharge checklist grouped by domain (meds, follow-up, equipment, education)
- Quick-toggle items with visual completion state
- Copy-to-clipboard handoff summary
- Mobile-friendly for rounds

**Status:** Active

**Timeline:** 2024 - present

**Visit site:** [acperitool.netlify.app](https://acperitool.netlify.app)

**Technologies:** React, Netlify

---

A perioperative risk assessment tool aligned with American College of Physicians guidance, built to help internal medicine consultants quickly evaluate surgical candidates and generate a structured perioperative plan.

## Purpose

Perioperative consults require integrating cardiac risk stratification, anticoagulation management, medication holds, and postoperative monitoring recommendations. This tool walks through each domain and outputs a consolidated plan.

## Key Features

- Stepwise risk assessment across cardiac, pulmonary, bleeding, and medication domains
- Guideline-aligned recommendations
- Structured output suitable for chart documentation
- Mobile-friendly

**Status:** Active

**Timeline:** 2024 - present

**Visit site:** [ddilemma.netlify.app](https://ddilemma.netlify.app)

**Technologies:** React, Netlify

---

A clinical knowledge quiz game inspired by the American College of Physicians' Doctor's Dilemma competition. Built to help internal medicine residents practice rapid-recall trivia across specialties in a game-show-style format.

## Purpose

Doctor's Dilemma is a long-standing ACP tradition where residency teams compete on medical trivia. This app gives residents a way to practice the format between events — solo or in teams — with curated questions across IM subspecialties.

## Key Features

- Buzzer-style game flow
- Question bank across cardiology, pulmonology, infectious disease, nephrology, GI, endocrine, rheumatology, and more
- Team and solo modes
- Score tracking
- Mobile-friendly

**Status:** Active

**Timeline:** 2024 - present

**Visit site:** [noteclean.netlify.app](https://noteclean.netlify.app)

**Technologies:** React, Netlify

---

A clinical note formatting and cleanup tool that standardizes messy, copy-pasted EHR text — stripping artifacts, fixing spacing, normalizing section headers, and producing a clean document ready for chart paste-back.

## Purpose

Notes imported from EHRs often arrive cluttered with navigation text, duplicate headers, inconsistent line breaks, and irregular casing. Cleaning them by hand is tedious and error-prone. NoteClean automates the pass.

## Key Features

- Paste-in, clean-out workflow
- Removes boilerplate header/footer junk
- Normalizes whitespace and section casing
- Preserves intentional structure (assessment, plan, problem list)
- Client-side only — no PHI ever leaves the browser

**Status:** Active

**Timeline:** 2024 - present

**Visit site:** [dotphrasesearch.netlify.app](https://dotphrasesearch.netlify.app)

**Technologies:** React, Netlify

---

A searchable catalog of Epic EHR dot phrases and note templates. Built so clinicians can quickly find the right shortcut for a given clinical scenario without wading through lists of trigger names.

## Purpose

Dot phrases are a core productivity tool in Epic, but institutional libraries balloon into hundreds of entries with cryptic names. This tool indexes them by intent and body text so users can search by what the phrase does, not just what it's named.

## Key Features

- Full-text search over phrase names and expanded content
- Preview of expanded template
- Copy-to-clipboard of phrase trigger
- Tagged by specialty and note type
- Mobile-friendly

**Status:** Active

**Timeline:** 2025 - present

**Visit site:** [didactics-scheduler.netlify.app](https://didactics-scheduler.netlify.app)

**Technologies:** React, Firebase, EmailJS, Netlify

---

A scheduling app that manages subspecialty lecture bookings for the SGMC Health Internal Medicine Residency program's 2026–2027 academic year, replacing the previous email-and-spreadsheet process.

## Purpose

Coordinating didactic talks across subspecialists, residents, and chiefs is a chronic pain point. This app surfaces available slots, takes bookings with topic and format (virtual or in-person), and notifies the administrator — collapsing a multi-day email chain into a few clicks.

## Technical Details

- **Frontend:** React single-page app deployed on Netlify
- **Backend:** Firebase for slot availability and booking state
- **Notifications:** EmailJS for booking confirmations and administrator alerts
- **Access:** Public booking UI; administrative actions gated by contact

## Key Features

- Calendar view of available and booked slots
- Booking form capturing resident name, email, topic, and format
- Virtual or in-person selection
- Automated confirmation emails
- Administrator contact for post-booking edits
- Mobile-friendly

**Status:** Active

**Timeline:** 2024 - present

**Visit site:** [pdfpresent.netlify.app](https://pdfpresent.netlify.app)

**Technologies:** React, PDF.js, Netlify

---

A browser-based PDF viewer and presentation tool with authentication and file selection. Built to deliver slides and documents in a presentation-friendly interface without needing to install a dedicated viewer or slide app.

## Purpose

Lecture slides, journal club PDFs, and grand rounds decks often need to be delivered in a presentation-grade viewer — fullscreen, clean controls, reliable across devices. PDFPresent provides that with zero install.

## Key Features

- PDF viewing with presentation controls
- File selection and management
- Authentication for private document access
- Browser-based — works on any device with a browser
- Fast rendering via PDF.js

**Status:** Active

**Timeline:** January 2022 - present

**Visit site:** [samueledusa.com](https://www.samueledusa.com)

**Technologies:** Next.js 12, React 17, TypeScript, Styled-Components, Netlify

---

My personal website and portfolio, built to showcase both my medical career and software engineering work. The site serves as a living resume, blog platform, and project showcase.

## Purpose

As a physician who also builds software, I needed a single platform that could present both sides of my professional life. This site bridges medicine and technology in a way that reflects my dual expertise.

## Technical Details

### Architecture

A **Next.js 12** application using static site generation (SSG) for performance. The project is structured as:

- **`src/pages/`** — Route-based pages (medicine, software, blog, presentations, projects, contact)
- **`src/components/`** — Reusable UI components (layout, header, resume sections, icons)
- **`src/posts/`** — Markdown blog posts with YAML front matter
- **`src/styles/`** — Global CSS and syntax highlighting theme
- **`src/utils/`** — Theme configuration, breakpoints, RSS generation
- **`src/data/`** — Site metadata and configuration
- **`siteconfig.json`** — Centralized content configuration for all resume data, projects, and navigation

### Frontend Stack

- **React 17** with **TypeScript 5.9**
- **Styled-Components 5.3** for CSS-in-JS with full theme provider
- **next/image** for optimized image loading
- **react-icons** for iconography

### Content & Markdown

- **gray-matter** for parsing YAML front matter from markdown files
- **react-markdown** with **rehype-raw** for rendering markdown to React components
- **react-syntax-highlighter** with a custom dark theme for code blocks
- **reading-time** for estimated reading time on blog posts
- **Feed** library for RSS feed generation (`/feed.xml`)

### Theming

- Full **light/dark mode** toggle with theme persistence
- Light theme: warm cream background (`#fff1e5`) with dark text
- Dark theme: pure black background (`#111`) with off-white text
- Accent color: tropical rainforest teal (`#0a5e66`)
- Fonts: **Lora** (serif titles), **Lato** (sans-serif body), **Yellowtail** (script header)

### Additional Features

- **PDF Viewer** — Built-in viewer using `@react-pdf-viewer` for presentation slides and certificates
- **Telegram Integration** — Serverless functions (Netlify Functions) for sending messages and files to Telegram
- **Progressive Web App** — PWA support via `next-pwa`
- **Analytics** — Privacy-focused tracking with `next-plausible`

### Hosting & Deployment

- **Netlify** with continuous deployment from Bitbucket
- Static export via `next export` for CDN delivery
- Serverless functions for Telegram API integration

## Key Features

- Light and dark theme toggle
- Markdown-powered blog with syntax highlighting and reading time
- Medical and software resume sections with expandable content
- Presentation slides gallery with PDF viewer
- Dedicated projects page with individual project detail pages
- Progressive Web App support
- RSS feed generation
- Telegram integration tools
- Responsive design across all device sizes

**Status:** Active

**Timeline:** November 2021 - present

**Visit site:** [samallaclinicltd.com](https://www.samallaclinicltd.com)

**Technologies:** StencilJS 2.14, Ionic Core 6, TypeScript, Markdown, Netlify, Bitbucket

---

The official website for Samalla Clinic Ltd., a healthcare facility located in New Gbawe, Accra, Ghana. The site provides information about the clinic's services, staff, health blog, and contact details for patients and visitors.

## Purpose

The clinic needed a professional web presence to reach patients in the community and provide essential information about available healthcare services, operating hours, health education through blog articles, and how to get in touch. The site also serves as a platform for sharing health-related articles on topics like hypertension, diabetes, malaria, and more.

## Technical Details

Built using StencilJS 2.14.2 with Ionic Core 6.0.1 components, the site compiles to standard Web Components for maximum compatibility and performance. The project uses TypeScript for type safety and stencil-router-v2 for client-side routing. Blog content is authored in Markdown and processed with the marked library.

- **Hosting:** Deployed on Netlify with serverless functions (e.g., getArticles.js for markdown processing)
- **Database:** No traditional database — content is managed through static TypeScript data files and Markdown blog articles
- **Dashboard:** No admin panel — content updates are made directly in code and redeployed
- **Source Control:** Managed in Bitbucket
- **Notifications:** Contact form submissions are sent via the Telegram Bot API to the clinic's Telegram channel
- **Live Chat:** Tawk.to integration for real-time visitor support
- **Styling:** Custom CSS with CSS variables, Playfair Display and Open Sans Google Fonts, and Ionic CSS utilities — no external CSS framework
- **PWA:** Configured with a web manifest and app icons (service worker disabled)

## Key Features

- Web Components architecture for fast load times
- Mobile-first responsive design with breakpoints at 480px, 768px, 1024px, and 1200px
- Clinic information, services listing (OPD, In-Patient Care, Ultrasound, Laboratory, Family Planning, Nutrition Counseling, Oncology)
- Health blog with Markdown-powered articles
- Staff profiles and Board of Directors with resumes
- Contact form with validation and Telegram notification
- Tawk.to live chat widget
- Contact and location details with Google Maps link
- Organization history and mission/vision pages
- Partners and remembrance sections

**Status:** Active

**Timeline:** September 2020 - present

**Visit site:** [samallabeachhouse.com](https://www.samallabeachhouse.com)

**Technologies:** StencilJS 2.14, Ionic Core 6, TypeScript, Telegram Bot API, Netlify

---

A website for a beachfront property rental in Prampram, Ghana. The site showcases the property with photos and booking information for guests looking for a coastal getaway.

## Purpose

The Samalla Beach House needed an online presence to attract visitors and provide details about the property, amenities, and how to book a stay at this beachfront location along the coast of Ghana.

## Technical Details

- **Framework:** StencilJS v2.14.2 — a Web Components compiler for building fast, reusable UI components
- **UI Library:** Ionic Core v6.0.11 — provides mobile-optimized UI components (slides, modals, buttons, icons, etc.)
- **Language:** TypeScript with JSX/TSX templating
- **Routing:** stencil-router-v2 for client-side navigation
- **Build & Tooling:** Stencil CLI (stencil build, stencil build --prerender for SSR/prerendering)
- **Testing:** Stencil's built-in spec and e2e test runner (Jest-based)
- **Hosting:** Static site output (www target), suitable for Netlify or similar static hosting
- **Notifications/Backend:** Telegram Bot API — reservation form submissions are sent as messages to a private Telegram channel, acting as a lightweight notification dashboard (no traditional database)
- **Contact Channels:** WhatsApp, Instagram, Facebook, Twitter, and email integrations for guest inquiries
- **Maps:** Embedded Google Maps iframe for property location
- **Architecture:** Component-based — 15 custom Web Components (app-hero, app-gallery, app-amenities, app-rooms, app-location, app-contact-modal, etc.)

## Key Features

- Property photo gallery with swipeable image slider and navigation controls
- Reservation form with Telegram Bot notification system (serves as a real-time booking dashboard)
- Sleeping arrangements overview (2 bedrooms with queen beds, 1 sofa bed)
- 17 listed amenities including kitchen, A/C, beachfront access, free parking, and more
- Embedded Google Maps with location details and directions
- House rules section
- Multi-channel contact options (WhatsApp, email, phone, social media)
- Mobile-optimized for travelers browsing on phones
- Fast-loading Web Components with optional prerendering support

A billing and invoicing application built specifically for Samalla Clinic Ltd. to manage patient billing, generate invoices, and track payments.

## Purpose

The clinic needed a dedicated billing system to streamline financial operations and move away from paper-based record keeping. This application handles the full billing workflow from patient registration through invoice generation and payment tracking.

## Technical Details

Built with Ionic framework for a cross-platform experience that works on desktop and mobile devices. The app is deployed on Netlify and managed through Bitbucket version control.

## Key Features

- Patient billing management
- Invoice generation
- Payment tracking
- Cross-platform (desktop and mobile)
- Cloud-hosted for access from any device

Samuel Edusa MD

Projects

Azalea Report

SGMC Resident Guide

Acute HF Predischarge Risk Calculator

PCA Calculator

DCPlanner

ACPeri Tool

Doctor's Dilemma

NoteClean

DotPhrase Search

Didactics Scheduler

PDFPresent

SamuelEdusaMD

Samalla Clinic Ltd.

Samalla Beach House Website

Samalla Clinic Ltd. Billing App