BukaDiMana - Ramadan Bazaar Discovery Platform
Open-source location-based app for discovering Ramadan bazaars and food stalls with interactive maps built during #GodamSahur Hackathon 2025.
Project Overview
Community-driven platform helping Muslims discover nearby Ramadan bazaars, explore food stalls, and plan iftar meals during the holy month. Features interactive map with bazaar locations, stall directories with photos and menus, prayer time integration, and user contributions. Built with Next.js, React Leaflet, and Supabase as an open-source project during #GodamSahur – a month-long Ramadan hackathon encouraging developers to build meaningful community tools.
- Architected Next.js 14 app with App Router, server components, and API routes
- Implemented React Leaflet map with geolocation, clustering, and bazaar markers
- Designed Supabase database schema with Prisma ORM for type-safe queries
- Built filtering system (location, food categories, halal certification)
- Integrated NextAuth.js for user authentication and contribution moderation
- Styled responsive UI with Tailwind CSS and Shadcn UI component library
- Set up GitHub repository with contribution guidelines and CI/CD on Vercel
- Managed community contributions and moderated user-submitted content
Project Journey
Muslims struggled to discover Ramadan bazaars in their area, often relying on outdated Facebook posts and word-of-mouth. No centralized platform provided real-time bazaar information with operating hours, vendor details, and location maps. Needed to build complete app within one-month hackathon timeline while maintaining code quality for community contributions. Required intuitive UX for diverse user demographics including elderly and non-tech-savvy users.
Built map-first experience using React Leaflet with geolocation-based nearest bazaar detection. Implemented Next.js 14 with App Router for SEO-optimized server-side rendering, critical for organic discovery. Designed simple data model in Supabase (PostgreSQL) with tables for bazaars, stalls, and user contributions. Added Prisma ORM for type-safe database access and NextAuth.js for optional user authentication. Styled with Tailwind CSS and Shadcn UI for consistent, accessible design. Open-sourced repository on GitHub with contribution guidelines encouraging community data additions.
Launched within 30-day hackathon deadline, serving 5,000+ users during Ramadan 2025 across Malaysia. Community contributed 150+ bazaar listings with 800+ food stall entries. Reduced average bazaar discovery time from 20+ minutes (social media searching) to under 60 seconds. Achieved 4.8/5 user satisfaction rating for ease of use and information accuracy. Featured in local tech media as exemplary community-driven Ramadan tech. Open-source repository gained 200+ GitHub stars with 15 external contributors. Project continues year-round development for 2026 Ramadan season with expanded features (favorites, ratings, navigation).
Technology Stack
Project Gallery
Related Projects
Personal Portfolio Website
A modern, performance-optimized personal portfolio built with Next.js 14 and React. Features server-side rendering (SSR), component-driven architecture, and WCAG 2.1 AA accessibility standards. Showcases professional projects with detailed case studies, interactive UI elements, and seamless navigation for optimal user experience.
Waktu Solat - Islamic Prayer Times App for Malaysia
Minimalist web application providing accurate Islamic prayer times for all zones across Malaysia. Features real-time prayer countdown with circular progress indicator, daily prayer schedule (Subuh, Zohor, Asar, Maghrib, Isyak), automatic location-based zone detection, and upcoming Islamic events calendar (Ramadan, Eid, Hijri dates). Built with Next.js for performance and SEO, integrating with Malaysia's official Waktu Solat API (JAKIM).
Ready to start your project?
Let's discuss how I can help bring your ideas to life with modern web technologies.