RH
Personal · Full Stack

Project Tracker

Community Project Management

A full-stack web application for tracking community and development project applications across geographic regions. Administrators manage master data and monitor progress; a public portal lets stakeholders browse and explore project data with filters and charts.

My Role

Full-stack development — REST API, admin dashboard, and public portal.

ReactNode.jsPostgreSQLChartsREST API

Admin Dashboard

  • Summary stats with upozila/area filters and charts
  • CRUD for upozilas, areas, statuses, and project types
  • Project applications with search, pagination, filters, and image upload
  • Area insights, status reports, and beneficial people analytics
  • PDF export for project applications

Public Portal

  • Hero section with project type summaries and status charts
  • Filterable project listings by upozila, area, and search
  • Project detail pages with stats and charts
  • Project type aggregated views

Backend API

  • RESTful JSON API under /api/v1
  • PostgreSQL with timestamped, tracked migrations
  • Zod request validation on all write operations
  • Pagination on list endpoints with standardized responses
  • ImgBB integration for external image hosting

Data Model

  • Geographic hierarchy — Upozila → Area
  • Project applications with type, status, and completion tracking
  • Beneficial people count and project metadata
  • Image uploads and PDF generation

Technology Stack

Backend

Node.jsExpressTypeScriptPostgreSQLZod

Frontends

ReactTypeScriptChartsVite

Key Benefits

  • Transparent project tracking for stakeholders
  • Geographic organization with rich analytics
  • Separate admin and public interfaces
  • Export and reporting capabilities