Full Stack Project

Aisaar

Aisaar is a streamlined platform for nonprofits to manage franchises, volunteers, campaigns, and beneficiaries with role-based access. It offers project proposals, donation tracking, campaign monitoring, and complaint resolution. Built with React, Firebase, and Tailwind CSS, it provides a responsive, real-time interface for managing operations, beneficiary data, and archival of completed projects, empowering organizations to run transparent and efficient mission-driven initiatives.

Type

Full Stack Project

Stack

5 Technologies

Features

11 Key Features

Status

Live

Aisaar preview
◉01. Overview

Aisaar is a streamlined platform for nonprofits to manage franchises, volunteers, campaigns, and beneficiaries with role-based access. It offers project proposals, donation tracking, campaign monitoring, and complaint resolution. Built with React, Firebase, and Tailwind CSS, it provides a responsive, real-time interface for managing operations, beneficiary data, and archival of completed projects, empowering organizations to run transparent and efficient mission-driven initiatives.

Built with React, Tailwind, Framer Motion, Firebase, Javascript. This project showcases end-to-end development from architecture to deployment, demonstrating expertise in modern web technologies and production-grade engineering.

◉02. Features
✓

Multi-entity Management

Creation and management of franchises, projects, volunteers, campaigns, and beneficiaries.

✓

Role-based Authentication

Secure login system for franchises, volunteers, donors and admin.

✓

Project Proposal System

Volunteers can propose projects for approval by franchises.

✓

Donation Tracking

System to track donations to specific projects and campaigns.

✓

Transaction Records

Maintain complete history of donor transactions and contributions.

✓

Campaign Monitoring

Tools to monitor fundraising campaigns linked to franchises.

✓

Recognition System

Display top donors' testimonials and highlight top-performing volunteers.

✓

Complaint Resolution

Platform for volunteers to submit and resolve complaints through admin.

✓

Beneficiary Management

Track beneficiary enrollment, status and skill acquisition.

✓

Project Archive

Maintain records of completed projects and franchise activities.

✓

Beneficiary Filtering

Filter beneficiaries by enrollment status (orphan, widow, etc.).

◉03. Functionalities
⚙

Firebase Authentication

Secure role-based login system for all user types.

⚙

Firestore Database

Real-time data management for all entities.

⚙

React Modal Libraries

Interactive dialogs for project proposals, donations, and admin approvals.

⚙

Framer Motion

Animated transitions for smooth UI interactions and page navigation.

⚙

Tailwind CSS

Responsive styling and utility-first component design.

⚙

Firebase Storage

Secure document and image storage for beneficiaries and projects.

⚙

React Query

Efficient data fetching and state management for all CRUD operations.

⚙

Firebase Cloud Functions

Backend logic for donation processing and complex operations.

◉04. Tech Stack
React
Tailwind
Framer Motion
Firebase
Javascript

Aisaar by Bazil Suhail

Aisaar is a streamlined platform for nonprofits to manage franchises, volunteers, campaigns, and beneficiaries with role-based access. It offers project proposals, donation tracking, campaign monitoring, and complaint resolution. Built with React, Firebase, and Tailwind CSS, it provides a responsive, real-time interface for managing operations, beneficiary data, and archival of completed projects, empowering organizations to run transparent and efficient mission-driven initiatives.

Built with React, Tailwind, Framer Motion, Firebase, Javascript by Bazil Suhail, a Computer Scientist, AI Engineer, and Cross-Platform Developer based in Lahore, Pakistan.

Key Features