← 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
CompanyRupani Foundation Afghanistan
Timeline2023 — Present
Core stackReact · Laravel API · Laravel Blade · MySQL
Rupani Foundation Afghanistan Website, API & CMS
3 layersReact, API, and CMS architecture
EditorialNon-technical publishing workflow
ResponsivePublic visitor experience
MaintainedProduction status
Project

overview.

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.

Capabilities

What the system does.

The final experience is shaped around clarity, maintainability, and measurable operational value rather than visual novelty alone.

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.

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

Repositories.

Public repositories open directly on GitHub. Private source uses a controlled request workflow based on GitHub username, least-privilege permissions, and time-limited review access.

Interface gallery

System views and product moments.

Representative interface compositions created for this portfolio preview.

Next projects

Continue exploring.

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 DeveloperCompanyRupani Foundation Afghanistan / UNWFP Resilience and Food Systems (RFS)
ReactLaravel APIMySQLQR attendanceRBACPDF reporting
DevMinds Jobs & Education Hub interface preview02Live Systems
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 EngineerCompanyDevMinds
Next.jsNode.jsPrismaRedisBullMQElasticsearch