Skip to content
EarthTeam App Wiki

List View & Filters

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

List View & Filters

Section titled “List View & Filters”

The List View provides a text-based alternative to the map for browsing conservation projects. It features a sidebar with category filters, an infinite-scroll post feed, search functionality, and inline commenting.

Key Capabilities

Section titled “Key Capabilities”
  • Post Feed — Infinite-scroll list of project cards with thumbnails and descriptions
  • Category Filter — Dropdown legend selector for filtering by conservation category
  • Country Filter — Country select dropdown for geographic filtering
  • Search — Post search integrated with the same backend search API
  • Sidebar — Category filter sidebar on desktop
  • New Post Panel — Quick-access panel for creating new solutions
  • Mobile Footer Filter — Bottom footer with legends and country selectors for mobile
  • Inline Comments — View and add comments directly in the list view

User Flow

Section titled “User Flow”
  1. Navigate to the List View from the map sidebar
  2. Browse posts in a text-based feed
  3. Use sidebar filters to narrow by category or country
  4. Search for specific posts
  5. Click a post to view full details
  6. Add comments inline

How It Works

Section titled “How It Works”

When you open the List View, the page fetches the latest conservation projects from the EarthTeam servers and displays them as a scrollable feed of post cards. Each card shows a thumbnail image, title, and short description. As you scroll toward the bottom, more posts load automatically.

The sidebar on the left lets you filter by conservation category or country. Selecting a category updates the feed to show only posts matching that filter. The same filter options appear in a footer bar on mobile devices. You can also search for posts by keyword directly from the list view, and click any post to open its full details or leave an inline comment.

Section titled “Related Features”