HADI Place / BTI

Context

What I worked on

I built HADI Place's website and the studio behind it. The project started with a BTI training page and grew into an editable homepage with separate promotions, reusable layouts, and a registration page for each programme.

Challenge

What the project needed

The owner needed to update the website and publish new promotions without asking a developer to redeploy it. Each programme also needed its own dates, venue, contact, and payment instructions, without carrying those details over from an unrelated event.

Approach

How I structured the work

I used Next.js and Supabase to separate private drafts, templates, and publication history from public pages. Admins can preview changes, publish a complete revision, and archive or restore a promotion. Database permissions protect editing, and revision checks prevent one editor from silently overwriting another.

My contribution

What I was responsible for

• Designed and built the responsive HADI Place homepage, BTI programme page, and per-promotion registration flow
• Created an owner studio for editing content, uploading images, and reusing private templates
• Built draft, preview, publication history, and archive/restore flows with per-page revision checks
• Protected editing with authenticated admin membership and database-enforced permissions
• Kept event-specific dates, contacts, venue, and payment details separate when copying a promotion

Tools and disciplines

How the work was made

Current status

Where the project stands

The public demonstration is available for client review. The website, promotion studio, and BTI pages are implemented. Custom-domain setup, production email verification, and final client handover remain separate work. Registration hands payment confirmation to the programme owner; the website does not verify payments automatically.