← Back to projects
Production · Maintained · CMS · Laravel · React

Rupani Foundation Afghanistan Website, API & CMS

A production website ecosystem for an international NGO: a React.js public website, a Laravel API that supplies structured content, and a separate Laravel Blade CMS for editorial administration.

RoleFull-Stack Developer
ClientRupani Foundation Afghanistan
Timeline2023 — Present
TechnologyReact · Laravel API · Laravel Blade · MySQL
Rupani Foundation Afghanistan Website, API & CMS main interface
3 layersReact, API, and CMS architecture
EditorialNon-technical publishing workflow
ResponsivePublic visitor experience
MaintainedProduction status
Engineering contribution

What I designed and delivered.

01

Separated the public experience, content API, and editorial administration so each layer can evolve without tightly coupling the entire product.

02

Built a tailored content-management experience that allows non-technical teams to manage sliders, pages, press releases, partners, galleries, and organizational information.

03

Created a responsive React interface focused on accessibility, content hierarchy, and media-led storytelling.

04

Maintained the full production path from content modeling and APIs to cloud deployment and operational support.

Operational capability

Workflows designed
for real users.

Product behavior is presented in operational terms rather than as a list of generic CRUD screens.

Responsive React.js public website for organizational storytelling and information delivery.

Laravel API dedicated to serving structured content to the public client.

Separate Laravel Blade CMS for pages, sliders, press releases, partners, galleries, and organizational content.

Media management and repeatable editorial workflows for non-technical staff.

Cloud deployment, Nginx delivery, database management, and production maintenance.

Architecture

How the system
is composed.

A concise view of the product, domain, data, integration, and delivery boundaries.

01

React public website

Responsive visitor experience with structured content, imagery, navigation, and organizational storytelling.

02

Laravel content API

A dedicated API exposes validated, structured, and reusable content to the React application.

03

Laravel Blade CMS

An independent administration surface gives staff safe CRUD workflows for pages, media, partners, and news.

04

Production delivery

MySQL, AWS, Linux, and Nginx support the maintained website and editorial system.

Source code

GitHub access,
matched to visibility.

Public source opens directly. Private repositories require a verified GitHub username, a legitimate review purpose, and manual approval.

Visual evidence

Product interfaces
and operational outputs.

Sanitized screenshots and original interface artwork demonstrate the delivered product without exposing confidential information.

Continue exploring

Related work.

UNWFP Resilience and Food Systems (RFS) — Food Assistance for Training (FFT) Management System interface preview01
Production · Maintained·2023 — Present

FFT Project MIS

A locally deployed and actively maintained project-management system for beneficiary assessment, enrollment, practical-skills training, QR and manual attendance, reporting, monthly payment coordination, and trainer operations—supporting programs intended to strengthen participants’ financial independence and household resilience.

RoleLead Full-Stack DeveloperClientRupani Foundation Afghanistan / UNWFP Resilience and Food Systems (RFS)
ReactLaravel APIMySQLQR attendanceRBACPDF reporting
DevMinds Jobs & Education Hub interface preview02Live system
Live · Maintained·2025 — Present

Jobs & Education Hub

A multi-sided job, scholarship, and government-contract portal where administrators and verified company accounts can publish opportunities for job seekers, students, and organizations.

RoleSoftware Architect & Full-Stack EngineerClientDevMinds
Next.jsNode.jsPrismaRedisBullMQElasticsearch