LiveClient project

HAQSLAM

The website of Haqiqat-s-Salam Society of Nigeria (HAQSLAM), an Islamic society in Ijaye-Ojokoro, Lagos. It introduces the society and its founder, lists gatherings and events, calculates daily prayer times for Lagos and puts the society's devotional books online.

My role
Design, development, content verification and deployment
Client
Haqiqat-s-Salam Society of Nigeria
Category
Website, Community
HAQSLAM home page with the society's name in Arabic and English and a portrait of the founder.
Home page. Local build.

01

Overview

The society's previous site was a set of static pages. Version 2 is a Next.js site built around what members and visitors come for: prayer times, gatherings, the founder, the books and how to get in touch.

Content is published only when it can be traced to the society's own material, such as event flyers and book covers. Anything unconfirmed is withheld or clearly marked.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Adhan
  • Vercel

02

The problem

Religious content has to be accurate and respectful. Prayer times, names and titles, and the society's history cannot be guessed.

03

Approach

Prayer start times are calculated daily for Lagos with the Adhan library and a documented method, and the page says plainly that they are calculated times, not the mosque's Iqamah timetable.

The original book scans were converted to light WebP pages so each book can be read page by page on a phone.

Old .html addresses redirect to the new pages, and the old cache-first service worker is replaced by one that clears itself so returning visitors are not stuck on the old site.

04

Architecture

Site
Next.js App Router with static content modules, sitemap and robots configuration.
Prayer times
Adhan calculations in the Africa/Lagos time zone, with tests for date handling, prayer order and countdown rollover.
Library
WebP copies of the original scans, generated by a script, with a page-by-page reader.

05

Key features

  • Daily prayer times

    Calculated start times for Lagos with a countdown to the next prayer.

  • Islamic library

    The society's devotional books, readable page by page.

  • Events and gallery

    Gatherings and annual events, each with its own page, and a photo gallery.

  • Founder and society

    About pages written from verified sources.

  • Contact and donations

    Confirmed contact details; bank details are withheld until reconfirmed by the society.

Prayer times page showing calculated prayer start times for Lagos and a countdown to the next prayer.
Calculated prayer start times for Lagos with a live countdown.
The Islamic library page on a phone with book covers.
The library on a phone.

06

Challenges

  1. Accuracy over completeness

    Problem

    It is tempting to fill gaps in history or schedules.

    What I did

    A content-status document tracks every fact as verified, awaiting confirmation or missing, and the site follows it.

  2. Retiring an old service worker

    Problem

    The old site cached itself aggressively, so returning visitors could keep seeing it.

    What I did

    A replacement worker clears the caches, unregisters itself and reloads open tabs once.

07

Where it stands

Built

  • Version 2 site live
  • Prayer times, library, events, gallery, founder and contact pages
  • Redirects from the legacy site

Planned or in progress

  • Confirmed weekly programme times
  • Society history and founder biography, once documented
↑ ↓ to move · Enter to openAMIGODEV