Website

Iltezam

Iltezam

MacBook mockup

Iltezam is a community-driven Web App designed to unite the Syrian diaspora worldwide through fundraising, volunteering, learning, and social collaboration. Built with Next.js and a scalable backend architecture, Iltezam provides individuals, organisations, and donors with a secure and transparent ecosystem for donations, volunteering, community building, and education.The platform empowers people to contribute to verified projects, volunteer in meaningful initiatives, connect with others globally, and upskill themselves through structured learning modules, all under one digital hub.

About the Platform

Product Essentials

Usecase
  • For Donors: Donate to verified community projects with fiat or cryptocurrency, track contributions in real time, and receive digital receipts.
  • For Volunteers: Discover opportunities, apply with CVs, and manage participation history.
  • For Organisations: Launch projects, list volunteer roles, raise funds, and showcase their impact transparently.
  • For Learners: Access courses, quizzes, and certifications through a structured learning centre.
  • For the Community: Connect via social feeds, groups, messaging, and directories for individuals and organisations.
Feature
  • Verified project listings with progress tracking.
  • Multi-currency support (credit cards, USDT, Bitcoin, Ethereum).
  • Listings by project type and required skills.
  • Volunteer application workflows with CV upload.
  • LinkedIn-style feed for text, media, and links.
  • Groups and thematic discussions.
  • Structured courses with videos, lessons, and quizzes.
  • Progress tracking for learners and reporting for admins.
  • Organisation verification and RBAC.
  • Editable static pages (About Us, Partners, Policies).
Status & Analytics
  • Development completed with full functionality across modules.
  • Launched with staging and production deployment pipelines.
  • Built to handle scalability via modular monolith architecture (future-ready for microservices).
  • Available for further phases, including data warehouse integration and advanced analytics.
Tech Stack
  • Frontend: Next.js (React-based SSR), Storybook for UI components.
  • Backend: NestJS (Node.js framework), modular monolith with API gateway.
  • Database: PostgreSQL (schema-based modular design).
  • Caching & Queues: Redis (sessions, feeds), Kafka (notifications, updates).
  • Infrastructure: AWS (ECS/Kubernetes, CloudWatch, DataDog).
  • CI/CD: GitHub Actions for pipeline automation.
  • Security: AES-256 encryption, GDPR compliance, RBAC, 2FA, centralised logging via ELK stack.
Design Process
Innovative Design Process for Every Project
Project Visuals
Website Design
Empower
Scalability
Humanitarian
Rebuild
Donate
Transparency
Database
Next.js
Tailwind CSS
Responsive Design
SEO Optimized
Reliability
Outreach
Optimization
Design System
Project Styleguide
Here is the visual language that brings our product to life through our carefully crafted color palette and font system.

Scandia

Light
Regular
Medium
SemiBold
Bold
ExtraBold
H1
96/120
H2
64/120
H3
48/120
Body 1
40/120
Body 2
32/120
Olive green
#2F3B31
80%
60%
40%
20%
Brown Grey
303030
80%
60%
40%
20%
Complete Landing Page Design
Landing Page
Discover the extensive range of screens that showcase the user experience and delightful design of Gaya Mobile Application.

Thanks for watching

Thanks for watching