Skip to content
EarthTeam App Wiki

List View

✅ Live on Production — This feature is fully deployed and available to all users on the master branch.

List View

Section titled “List View”

The List View provides an alternative to the Map Explorer for browsing conservation projects. It displays projects as scrollable cards with infinite scroll pagination, search functionality, and the same category/country filters available on the map.

Key Capabilities

Section titled “Key Capabilities”
  • Infinite Scroll — Loads more projects automatically as you scroll
  • Search Bar — Text search that quickly filters projects as you type
  • Category Filters — Project Type and Country filter chips with result count badge
  • Project Cards — Rich cards showing title, author, region, image carousel, description, and action buttons
  • Optimistic Likes — Like or unlike a project instantly, with automatic correction if needed
  • Image Carousel — Horizontal swipeable images with dot indicators
  • Action Buttons — Like, Comment, and Share on each card
  • Navigation — Tap a card to view the full post detail

User Flow

Section titled “User Flow”
  1. From Map, tap the “List” button to switch to List View
  2. Scroll through project cards vertically
  3. Use the search bar to find specific projects
  4. Apply category or country filters to narrow results
  5. Tap a card to navigate to the full post detail
  6. Like, comment, or share inline or from the detail view

Screenshots

Section titled “Screenshots”
Navigation between list and map views

How It Works

Section titled “How It Works”

When you open the List View, the app loads a batch of conservation projects from the EarthTeam servers and displays them as cards. As you scroll down, it automatically requests the next batch so the list keeps growing without any interruptions. Searching or changing filters sends a request to the servers to fetch matching projects, and the list updates to show only the relevant results. When you like a project, your reaction shows up immediately on screen even before the server confirms it, and if anything goes wrong, the app quietly reverts the change so your view stays accurate.

Section titled “Related Features”