← Back to Home

MWHS Website

February 20, 2026

A modern, responsive website for Muslim Welfare House Sheffield (MWHS), serving the Islamic community with prayer times, Islamic schools, community events, khutbah archives, and welfare support

Web DevelopmentIslamic CommunitySheffieldNext.jsFirebasePrayer TimesAdmin Dashboard

Project Details

Project Type

Web Application

Role

Solo Developer

Tech Stack

Next.js 16React 19TypeScriptTailwind CSS 4FirebaseCloudinaryResendFramer Motion

Overview

The official website for Muslim Welfare House Sheffield (MWHS), dedicated to serving the Muslim community in Sheffield and surrounding areas. The platform provides educational, spiritual, and welfare services including real-time prayer times with DST adjustments, Islamic school programs (Alfurqan and Alhikmah), community events, khutbah archives, and a TV display mode for mosque screens.

Key Features

  • Real-time prayer times with accurate timings and DST adjustments
  • Khutbah archives with markdown content
  • TV display mode for large-format mosque screens
  • Admin dashboard for events, khutbahs, services, and contact submissions
  • Event listing and details to showcase upcoming and past community activities
  • Cloudinary image uploads and Resend email integration
  • Responsive design with smooth animations
  • Vitest and MSW testing infrastructure

Why I Built It

  • To serve the Muslim community of Sheffield with a modern digital website
  • To show accurate prayer times
  • To centralize community events, khutbah archives, and welfare services

Visit the actual project at:

Visit MWHS Website