Daarul-Hijrah Madrasah PWA

A modern, progressive web application for Daarul-Hijrah Madrasah, designed to preserve and disseminate authentic Islamic knowledge.

Features

• Lecture Archives: Access past lectures and series.
• Learning Paths: Structured courses for different levels (Fiqh, Arabic, Seerah, etc.).
• Interactive Features: Q&A forums and event notifications.
• Responsive Design: Mobile-first approach optimized for all devices.
• Modern UI: Clean, dignified aesthetic using serif typography and a calm color palette.

Tech Stack

• Framework: Next.js 16 (App Router)
• Styling: Tailwind CSS 4
• Icons: Lucide React
• Fonts: Playfair Display (Heads), Inter (Body)
• Package Manager: pnpm

Getting Started

Prerequisites

• Node.js 18+
• pnpm (npm install -g pnpm)

Installation

1. Navigate to the frontend directory:

   cd frontend

2. Install dependencies:

   pnpm install

3. Run the development server:

   pnpm run dev

4. Open http://localhost:3000 with your browser to see the result.

Project Structure

• app/: Contains the application routes, layouts, and pages.
• components/: Reusable UI components (Header, Hero, Features, etc.).
• public/: Static assets.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.