The Challenge
The Karaiya High School Ex-Students Association (KHSESA) is a non-profit alumni body based in Karaiya Bazar, Chhagalnaiya, Feni — connected to the 85-year-old Karaiya Multi-Purpose High School. Founded in 2000, the Association serves a network of over 1,000 active alumni, is overseen by a 52-member Executive Committee, and carries out scholarship programs, social welfare drives, AGMs, and alumni reunions.
Even with a proud legacy and an engaged membership, the Association lacked a digital footprint that reflected the scale of its work. Every operational task — from tracking members to organizing events — was being managed by hand or through disconnected mediums like phone calls, Facebook posts, and printed forms. Several concrete problems emerged as a result:
No unified identity online. Because alumni are dispersed across Bangladesh and overseas, there was no single place where ex-students, donors, or the wider public could go to read about KHSESA's history, leadership, vision, mission, or current programs.
Registration trapped on paper. Gathering information from 1,000+ alumni (name in English and Bengali, NID, blood group, SSC passing year, permanent/present address, occupation, photograph, etc.) via physical forms was slow, mistake-prone, and almost unmanageable to keep current.
No proper channel to highlight leadership and governance. The 52-member Executive Committee, the President's message, and the official constitution lacked a formal digital presence — which chipped away at credibility with donors and incoming members.
Fragmented publications and event details. Important materials such as the Deeptoshikha-2 publication, Eid reunion announcements, and committee PDFs were being passed around informally through Google Drive links and Facebook, with nowhere to permanently archive them.
The bilingual gap. The Association speaks to a community fluent in both Bengali and English — with the slogan "আমাদের স্কুলের আমরাই ধারক, আমাদের সমাজের আমরাই বাহক" at the heart of its identity — yet no platform in use handled this dual-language requirement well.
No filter or authentication for new member registrations, which made it difficult to tell legitimate alumni apart from outsiders during signup campaigns.
Even with a proud legacy and an engaged membership, the Association lacked a digital footprint that reflected the scale of its work. Every operational task — from tracking members to organizing events — was being managed by hand or through disconnected mediums like phone calls, Facebook posts, and printed forms. Several concrete problems emerged as a result:
No unified identity online. Because alumni are dispersed across Bangladesh and overseas, there was no single place where ex-students, donors, or the wider public could go to read about KHSESA's history, leadership, vision, mission, or current programs.
Registration trapped on paper. Gathering information from 1,000+ alumni (name in English and Bengali, NID, blood group, SSC passing year, permanent/present address, occupation, photograph, etc.) via physical forms was slow, mistake-prone, and almost unmanageable to keep current.
No proper channel to highlight leadership and governance. The 52-member Executive Committee, the President's message, and the official constitution lacked a formal digital presence — which chipped away at credibility with donors and incoming members.
Fragmented publications and event details. Important materials such as the Deeptoshikha-2 publication, Eid reunion announcements, and committee PDFs were being passed around informally through Google Drive links and Facebook, with nowhere to permanently archive them.
The bilingual gap. The Association speaks to a community fluent in both Bengali and English — with the slogan "আমাদের স্কুলের আমরাই ধারক, আমাদের সমাজের আমরাই বাহক" at the heart of its identity — yet no platform in use handled this dual-language requirement well.
No filter or authentication for new member registrations, which made it difficult to tell legitimate alumni apart from outsiders during signup campaigns.
Our Solution
We delivered a full two-part digital ecosystem for KHSESA: a public informational website (khsesa.com) and a separate membership registration portal on a subdomain (membership.khsesa.com). Dividing the platform across two domains allowed the public site to stay lightweight and quick to load, while housing the form-processing logic and member database on its own subdomain made maintenance simpler and left room to scale later.
The primary website was built on a PHP-based stack (as seen in the .php routing across pages such as index.php, about-iqac.php, contact.php), combined with a responsive HTML/CSS/JavaScript frontend and a Bootstrap-style grid to support mobile devices. PHP was picked with intention — it's affordable to run on shared hosting providers in Bangladesh, straightforward for local developers to support long-term, and capable of managing form submissions and database writes without the weight of a large framework, which aligns with the budget constraints of a non-profit.
Core features and decisions embedded in the build:
A hero slider with 8 rotating banners featuring reunions, committee ceremonies, and school events — giving the landing page strong visual presence and communicating an active community rather than a static brochure.
Dedicated sections for institutional storytelling — "About the School," "Short Overview of the Association," "Vision," "Mission," and a President's Message block with the official portrait of Mr. Ala Uddin Patwary (President, 2025–2027). This arrangement was patterned after academic institution websites to reinforce governance credibility.
Bilingual content support (Bengali + English) rendered with correct Unicode handling so that the tagline, publication titles (দীপ্তশিখা-২), and event names appear properly across devices without font-rendering glitches.
A standalone membership portal at membership.khsesa.com with a thorough registration form gathering 20+ fields, covering name in English and Bengali, parents' names, NID number, blood group, date of birth, marital status (with dropdown options: Single/Married/Widowed/Separated/Divorced), permanent and present addresses, occupation details, multiple phone numbers (office, resident, mobile), FAX, email, SSC passing year, religion, educational qualification, and a photograph upload.
A constitutional agreement checkbox at the bottom of the form — a declaration stating that the applicant has read and agrees to follow the KHSESA constitution. This was included to discourage casual signups and create a formal commitment at the point of registration.
Event-based registration URL pattern (/registration/event/1) — a forward-thinking decision that lets the Association host multiple registration campaigns (for instance, per reunion, per AGM) from the same codebase simply by advancing the event ID.
A quick-links footer integrated across the site connecting members to the membership form, publications, donor lists, event calendar, photo gallery, and committee PDFs — transforming the footer into a working navigation hub instead of decorative space.
External hosting for heavy assets like the Deeptoshikha-2 publication (placed on Google Drive) and the committee list (shared as a PDF), which kept the main site quick to load without giving up access to larger documents.
Team size: 2 — one full-stack developer managing PHP backend and form logic, and one frontend/UI developer handling layout, slider, and bilingual rendering. Duration: roughly 4–5 weeks from discovery to launch. Tech stack: PHP, MySQL, HTML5, CSS3, JavaScript, Bootstrap-style responsive grid, hosted on shared hosting with a subdomain configuration for the membership portal.
The primary website was built on a PHP-based stack (as seen in the .php routing across pages such as index.php, about-iqac.php, contact.php), combined with a responsive HTML/CSS/JavaScript frontend and a Bootstrap-style grid to support mobile devices. PHP was picked with intention — it's affordable to run on shared hosting providers in Bangladesh, straightforward for local developers to support long-term, and capable of managing form submissions and database writes without the weight of a large framework, which aligns with the budget constraints of a non-profit.
Core features and decisions embedded in the build:
A hero slider with 8 rotating banners featuring reunions, committee ceremonies, and school events — giving the landing page strong visual presence and communicating an active community rather than a static brochure.
Dedicated sections for institutional storytelling — "About the School," "Short Overview of the Association," "Vision," "Mission," and a President's Message block with the official portrait of Mr. Ala Uddin Patwary (President, 2025–2027). This arrangement was patterned after academic institution websites to reinforce governance credibility.
Bilingual content support (Bengali + English) rendered with correct Unicode handling so that the tagline, publication titles (দীপ্তশিখা-২), and event names appear properly across devices without font-rendering glitches.
A standalone membership portal at membership.khsesa.com with a thorough registration form gathering 20+ fields, covering name in English and Bengali, parents' names, NID number, blood group, date of birth, marital status (with dropdown options: Single/Married/Widowed/Separated/Divorced), permanent and present addresses, occupation details, multiple phone numbers (office, resident, mobile), FAX, email, SSC passing year, religion, educational qualification, and a photograph upload.
A constitutional agreement checkbox at the bottom of the form — a declaration stating that the applicant has read and agrees to follow the KHSESA constitution. This was included to discourage casual signups and create a formal commitment at the point of registration.
Event-based registration URL pattern (/registration/event/1) — a forward-thinking decision that lets the Association host multiple registration campaigns (for instance, per reunion, per AGM) from the same codebase simply by advancing the event ID.
A quick-links footer integrated across the site connecting members to the membership form, publications, donor lists, event calendar, photo gallery, and committee PDFs — transforming the footer into a working navigation hub instead of decorative space.
External hosting for heavy assets like the Deeptoshikha-2 publication (placed on Google Drive) and the committee list (shared as a PDF), which kept the main site quick to load without giving up access to larger documents.
Team size: 2 — one full-stack developer managing PHP backend and form logic, and one frontend/UI developer handling layout, slider, and bilingual rendering. Duration: roughly 4–5 weeks from discovery to launch. Tech stack: PHP, MySQL, HTML5, CSS3, JavaScript, Bootstrap-style responsive grid, hosted on shared hosting with a subdomain configuration for the membership portal.
Results & Impact
Brought KHSESA's digital presence together into a single, credible, professionally branded destination serving 1,000+ alumni and a 52-member Executive Committee.
Moved registration off paper to a 20+ field digital membership form, removing manual data entry and making structured alumni record-keeping possible.
Made event registration scalable through the /event/{id} URL pattern — reusable for every upcoming AGM, reunion, and membership drive without further development work.
Created a permanent, searchable home for publications, committee records, and the President's office — replacing the fragmented Facebook and Google Drive links.
Provided complete Bengali + English bilingual support, opening the platform to alumni both within Bangladesh and in the diaspora.
Moved registration off paper to a 20+ field digital membership form, removing manual data entry and making structured alumni record-keeping possible.
Made event registration scalable through the /event/{id} URL pattern — reusable for every upcoming AGM, reunion, and membership drive without further development work.
Created a permanent, searchable home for publications, committee records, and the President's office — replacing the fragmented Facebook and Google Drive links.
Provided complete Bengali + English bilingual support, opening the platform to alumni both within Bangladesh and in the diaspora.