| Week | Milestone | Deliverables | |------|-----------|--------------| | 1‑2 | | Repo, CI pipeline, basic Auth, PostgreSQL schema. | | 3‑4 | Project Marketplace UI | Project cards, filters, project detail page, admin create‑project form. | | 5‑6 | Donation & Volunteer Flows | Stripe integration, volunteer sign‑up with calendar, email confirmations. | | 7‑8 | Impact Dashboard | Map, metric tiles, progress bars, story carousel, PDF report generator. | | 9 | Storytelling Studio | Media upload, rich text editor, approval workflow, auto‑publish to dashboard. | | 10 | Volunteer/Donor Portal | Personal dashboard, badge system, calendar export, receipt generation. | | 11 | Admin Console | Role‑based UI for project/impact entry, reporting export, audit log. | | 12 | Testing & Launch | End‑to‑end tests, accessibility audit (WCAG 2.1 AA), performance tuning, marketing rollout. |

| Element | Description | UI/UX notes | |--------|-------------|-------------| | | Pinpoints every active project with a tooltip: project name, budget, volunteers, % complete. | Use Mapbox/Leaflet with clustering for >100 pins. | | Metric Tiles | 4‑6 big cards: “$ Funds Raised”, “Volunteer Hours”, “People Served”, “Projects Completed”, “Carbon Saved” (if applicable). | Auto‑animate numbers on page load. | | Story Carousel | Rotating cards with a short headline + photo/video + “Read more”. | Pull from Storytelling Studio (auto‑published). | | Progress Bars | For each highlighted project, a bar showing % of target reached (funds/volunteers). | Hover reveals exact numbers. | | Downloadable Impact Report | PDF/CSV summary updated monthly. | CTA “Download Full Report”. |