gainforest-bumicerts · dev-polish-upload-cart-fix

Local dev — landing polish, cart & upload fix

@satyam-mishra-pce

Full run of the local dev build (branch development) against five recent commits — landing polish, browser-storage cart fix, profile upload fix, org-pill fix, and 4-col drafts grid. The unauthenticated half passes cleanly; the cart browser-storage fix is confirmed working. Authenticated flows (wizard, sites, profile upload) were blocked by the climateai.org PDS OAuth page rendering blank in headless Chromium — an automation limitation, not an app regression.

Date: 2026-05-13 · Target: localhost:3001 · Branch: development · Account: satyam-test.climateai.org · Tool: Playwright headless · partial

---

Headline result

What I tested

• Landing — hero, features, "Choose Your Path" split, footer
• Explore / marketplace — grid, search controls, tag chips (97 projects found)
• Leaderboard — filter controls, donor table, total raised
• Organizations — via left-nav /organizations route
• Sign-in modal — Email tab, Handle tab, domain picker dropdown, OAuth redirect to PDS
• Cart panel (browser storage consumer) — open, empty state, close
• Bumicert detail page — Overview, Site Boundaries (Mapbox), Donations, Timeline tabs
• Auth walls — /bumicert/create, /upload/sites (unauthenticated gates)

---

1. Landing page

The polished landing is the strongest first-impression the product has made in any run I have done. The new hero is cinematic — a full-bleed misty forest, the Cormorant Garamond italic headline "Verified Impact Starts With Real Communities", a subtle "Explore Projects" CTA, and clean top-corner navigation. Nothing fights for attention. The subsequent scroll through feature pillars and the "Choose Your Path" funder / nature-steward split is equally calm. Footer is uncluttered. The revert / re-apply on the hero plant image position resolved cleanly — no overflow artifacts visible.

2. Explore / Marketplace

Click Explore Projects → /explore. Left rail (Bumicerts · Organizations · Leaderboard + a Manage section that prompts sign-in), a serif "Discover Regenerative Impact" heading, search bar, tag chip strip, and a 4-up grid of project cards. 97 bumicerts indexed. Cards show image, title, org badge, and work-type tags. The "Newest" sort is active by default. Filters like "Mother Foundaton for Future Goods", "No Earth", "education", "Community" chip strip appears alongside a "More Filters" control.

3. Leaderboard & Organizations

The leaderboard (/leaderboard) loads the "Impact Champions" page — $26,938.62 USD raised across 68 donors, supporting 39 projects. Filter controls (All Time / Month / Week, Include anonymous donors toggle, Known Only toggle) are all rendered. Donor rows show truncated wallet addresses, timestamps, and per-donor totals.

The Organizations page (/organizations, reached via left nav) shows the "Nature Stewards" editorial header with a Mapbox-style mountain illustration. Cards were loading (skeleton state at screenshot time) — the org data fetch is asynchronous and took longer than the screenshot delay.

4. Sign-in flow

The "Get Started" modal (triggered by the header button or sidebar Sign In link) has two tabs: Email (sends a magic link) and Handle (AT-Proto handle + PDS domain picker). The Handle tab is the flow tested. Username field + a domain picker that defaults to .gainforest.id with a dropdown offering gainforest.id, climateai.org, certified.app, bsky.social, and Custom server. Selecting climateai.org, typing satyam-test, and clicking Continue triggers the server action which constructs a PAR request and redirects to https://climateai.org/oauth/authorize?request_uri=…. The redirect itself is confirmed working; the PDS page rendering did not complete in headless mode (see Finding 1).

5. Cart panel — browser storage fix verified

The cart is triggered by the shopping-cart icon in the top-right header. Prior to commit 56ffff2 ("Fix browser storage access in client components"), this panel threw a hydration error in client components accessing localStorage / sessionStorage before the browser environment was available. Post-fix, the panel opens cleanly and renders its empty state: "Your cart is empty. Bumicerts you've saved to donate to later." with an "Explore Summary" CTA. No console errors observed.

6. Bumicert detail page

Navigated to the first indexed bumicert: Indigenous crop value addition through solar drying in Kenya by OTEPIC (/bumicert/did:plc:hent6csywblz75js24ky3jsl-3mlq6tp3huc2u). Four tabs — Overview, Site Boundaries, Donations, Timeline — all render. Overview shows a community photo, title in italic serif, the "education" tag, contributor row (OTEPIC avatar), and a "Donations are not applicable for this bumicert" notice. Site Boundaries loads a Mapbox map (tile-fetching, Africa region). Donations shows the empty state ("No donations yet. Be the first to support this project."). Timeline was accessible and rendered (not shown — no evidence records for this cert).

7. Auth walls

All management routes require authentication and enforce it cleanly. /bumicert/create shows a centered "You are not signed in. Please sign in to create a bumicert." panel with Sign in / Home buttons — correct behavior, good error state. /upload/sites shows an analogous "Sign in to continue" lock-icon gate. The sidebar under MANAGE shows a "Sign in to manage your account and content." prompt with a Sign In chevron link. These walls are all consistent and non-confusing.

---

Findings

---

Reproducing