Status: Active

Timeline: November 2021 - present

Visit site: samallaclinicltd.com

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

---

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

The clinic wanted a proper presence online: somewhere patients could see what services are offered, check operating hours, read health articles, and find out how to get in touch. The blog side carries pieces on hypertension, diabetes, malaria, and other common concerns.

The stack

It's built with StencilJS 2.14 and Ionic Core 6, which compile down to standard Web Components, so it loads fast and runs about anywhere. TypeScript handles type safety and stencil-router-v2 does the routing. Blog posts are written in Markdown and rendered with the marked library.

There's no database and no admin panel. Content lives in static TypeScript data files and Markdown, and updates happen in code and get redeployed from Bitbucket. Hosting is Netlify, including a small serverless function (getArticles.js) for the markdown. Contact-form submissions go to the clinic's Telegram channel through the Telegram Bot API, and Tawk.to provides live chat. Styling is hand-rolled CSS with variables, Playfair Display and Open Sans, and Ionic's utilities, with no external CSS framework. It's set up as a PWA with a manifest and icons, with the service worker turned off.

On the site

• A services listing (OPD, in-patient care, ultrasound, laboratory, family planning, nutrition counseling, oncology)
• A Markdown-powered health blog
• Staff profiles and a Board of Directors section with resumes
• A contact form with validation and Telegram notifications
• The Tawk.to live-chat widget
• Location and contact details with a Google Maps link
• History and mission and vision pages
• A mobile-first layout with breakpoints at 480, 768, 1024, and 1200px