Talawa Admin Redesign: Implementation

Talawa Admin is the browser console community groups use to self manage on the Talawa platform, built by The Palisadoes Foundation. During Google Summer of Code 2023, I rebuilt it screen by screen. This page covers the engineering side of that work. For the Figma design vision behind it, see Talawa Admin UI Redesign.

The constraint

No predetermined design was handed to me, only implementation rules. Five months of work lived on one branch, merged back into develop eight times so it never went stale, while staying in sync with six other developers working in the same codebase at the same time.

How it shipped

• Screen by screen, incremental, with all tests passing on every change.
• Reusable layouts and standardized templates so other contributors could build on top without redoing the plumbing.
• Responsive by default, checked across desktop, laptop, tablet and phone at every step.
• Weekly, community visible updates so maintainers could track progress and file feedback early.
• Honest placeholder states: planned but unbuilt features got greyed out links instead of half working endpoints.

What I built

• Foundational components used across the redesign: LeftDrawer, SuperAdminScreen, OrgListCard.
• A themed Sass layer, 33 partials, replacing the old styling so the whole app pulls from one consistent source.
• Migrated the project off Bootstrap 4 onto Bootstrap 5, and removed Ant Design from the codebase entirely in favor of the new component set.
• Shimmer loading states and meaningful empty states with explanatory messaging, replacing blank screens.
• Search added across multiple role based views.
• Backend work on Talawa API alongside the frontend: a change user role in organization mutation, and an org image link resolver with tests.

By the numbers

27 pull requests merged across the talawa-admin and talawa-api repositories, 258 commits total.

Screenshots