Samuel Edusa MD

< Back
Samalla Clinic Ltd. logo

Samalla Clinic Ltd.

Status: Active

Timeline: November 2021 - present

Visit site: 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