Al-Azhar Pharmacy Portal (Version 1)

A production-ready, non-profit educational web platform built to centralize academic resources for Pharmacy students at Al-Azhar University of Gaza.

🌐 Live Website: https://alazharpharmacy.com
💻 Source Code: https://github.com/ahmed-skaik/Pharmacy

🚀 Version 2 (In Progress ⚙️)

Version 2 of the Al-Azhar Pharmacy Portal is currently under active development.

The new architecture is being rebuilt using a modern frontend stack (React + TypeScript) with a scalable and maintainable component-based structure.

🔗 View Version 2 Repository:
https://github.com/ahmed-skaik/pharmacy-v2

Version 1 remains available as the original static production release.

📖 Project Overview

The Al-Azhar Pharmacy Portal was developed to address a real operational problem: academic materials were scattered across multiple platforms, making access inefficient for students.

This platform centralizes:

E-learning lectures
Course summaries
Previous exams
Faculty-related academic information
Structured navigation per academic year

The website was publicly launched in 2022 and actively used by students within the faculty.

🎥 Video Walkthrough

A short video presentation explaining the platform and its purpose:

📺 Watch Project Overview on YouTube

🏗 Architecture & Technical Approach

This version (V1) is a fully static frontend application built with a focus on clarity, performance, and maintainability.

Core Stack

HTML5 – Semantic structure and accessibility
CSS3 – Custom styling
SASS – Modular and maintainable styling architecture
Bootstrap – Responsive layout system
JavaScript (ES6+) – Interactive UI behavior
Font Awesome – Icon system integration

The project emphasizes structured layout organization and reusable styling components using SASS.

🚀 Deployment

Source code hosted on GitHub
Deployed using GitHub Pages
Connected to a custom domain (alazharpharmacy.com)
Domain originally registered via Google Domains (now Squarespace Domains)

The deployment pipeline reflects a simple but reliable static hosting strategy suitable for academic environments.

📊 Analytics & Monitoring

Google Analytics was integrated to monitor real-world usage patterns, including:

Traffic volume
Most visited pages
User behavior insights
Geographic distribution

This data helped evaluate platform reach and understand how students interacted with academic content.

📱 Responsive & Accessibility-Focused Design

The platform was designed with mobile-first considerations, recognizing that many students rely primarily on smartphones.

Key priorities:

Clear navigation hierarchy
Readable typography
Lightweight performance
Minimal cognitive friction

🎯 Production Intent

Although fully static, this project was built and launched as a real-world academic support system — not a tutorial or experimental repository.

It represents:

Practical problem-solving
Independent project planning and execution
Production deployment experience
Community-oriented software development

🔮 Future Direction

Future iterations may include:

Backend integration
Content management system
Authentication layer
Admin dashboard
Modern frontend refactor (e.g., React/Next.js architecture)

👨‍💻 Author

Developed by Ahmed Skaik
Licensed Pharmacist & Frontend Developer

ahmed-skaik/Pharmacy