Challenge
- Worship information was spread across different sources.
- Prayer schedules and religious content needed to remain clear and easy to scan.
- The experience had to work comfortably across desktop and mobile devices.
Project Detail
Al Kahfi Mosque Platform
A responsive mosque information platform for prayer schedules, daily prayers, hadith collections, and community donations.
Next.jsTypeScriptTailwind CSS
Overview
What this project is about
Al Kahfi Mosque Platform brings essential worship information into one accessible website, helping the community check prayer times, browse daily prayers, explore hadith collections, and access donation information.
Solution
- Created a focused information architecture for prayer times, prayers, and hadith.
- Designed reusable content cards and readable data layouts.
- Built responsive interfaces with clear navigation between key mosque services.
Tech Stack
Next.jsTypeScriptTailwind CSS
Key Features
Project highlights
Monthly prayer schedule
Daily prayer collection
Hadith browser and detail view
Responsive mosque information portal
Related Projects
More work with a similar technical direction.
Web App
Xue in Mandarin Learning Platform
A responsive language learning platform for Chinese language learners.
Company Profile
Bintan Drift Tour Agent
A responsive company profile website designed to strengthen Bintan Drift Tour Agent's digital presence and showcase its travel services and destinations.
Platform
Bengkel Koding LMS
A streamlined LMS experience for course delivery, student progress tracking, and academic operations with a clean responsive interface.