MWHS Website
A modern, responsive website for Muslim Welfare House Sheffield, serving the Islamic community with prayer times, Islamic schools, community events, khutbah archives, and welfare support
- Project type
- Web Application
- Role
- Freelance Developer
- Date
- Since February 2026
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, community events, khutbah archives, and a TV display mode for mosque screens.
Technology
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Firebase
- Cloudinary
- Resend
- Framer Motion
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
- Islamic school and welfare service information pages
- Cloudinary image uploads and Resend email integration
- Responsive design with smooth animations
- SEO-focused metadata and structured community content
- Vitest and MSW testing infrastructure
Why it was built
- 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