Sekuntum Melati

Sekuntum Melati runs a member site and an admin dashboard, both in Vue. I revamped the two apps on top of their existing codebase.

• Styles. Moved the member site from inline Tailwind utilities to CSS variables and BEM components.
• Redesign. New layouts for the banner, Daily Quest, upcoming events and profile, a redesigned events page, and view counts on articles.
• Errors and loading. Sections that fail to load show an inline error with a retry button instead of a browser alert, and skeleton loaders while they load.
• Link previews. Article share links go through a preview service at share.sekuntummelati.com that serves Open Graph tags to link crawlers, with images compressed under 100KB, so the client-side app still gets rich previews.
• Mobile. Fixed crashes and redirect loops on mobile Safari, and reworked typography, spacing and layouts for small screens.
• Dashboard. Restyled the admin dashboard to match the site, with Chart.js statistics that no longer overflow on a phone.