Skip to content

Conversation

@jayteemoney
Copy link

Summary

  • Implemented a fully functional static Explore Events page UI as specified in
    Issue [frontend]: Build explore events page #9
  • Created reusable ExploreEventCard component with responsive design and hover
    effects
  • Added mock data with 10 sample Web3/blockchain themed events
  • Built filter UI with search, category chips, and sort dropdown (all functional
    for static data)

Features Delivered

Requirement Status
Events listing layout (responsive grid)
Event cards with details (title, date, time, location, category, price, image)
Filter UI (search bar, category chips, sort selector)
Mobile-first responsive design (1-col → 2-col → 3-col)
Accessibility (aria-labels, alt text)
Empty state with clear filters

Files Changed

  • client/src/Components/dashboard/explore-event-card.jsx - New event card
    component
  • client/src/lib/mock-events.js - Mock data with 10 events, categories, sort
    options
  • client/src/pages/dashboard/discover.jsx - Full Explore Events page
    implementation
  • client/package.json - Added prop-types dependency

Test Plan

  • Page renders at /discover route
  • Responsive grid displays correctly (mobile/tablet/desktop)
  • Search filters events by title, location, description
  • Category chips filter events correctly
  • Sort dropdown orders events by date/price/name
  • Empty state displays when no events match filters
  • Build passes without errors

Closes #9

…rs (Issue crowdpass-live#9)

- Add ExploreEventCard component with responsive design, hover effects, and accessibility
- Create mock events data with 10 sample events and category/sort options
- Build Discover page with search, category filters, sort dropdown, and responsive grid
- Include empty state UI with clear filters functionality
- Mobile-first design with filter toggle for smaller screens
Copy link
Contributor

@manoahLinks manoahLinks left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for your contribution, currently setting up github workflow. ones all checks pass i will merge or send feeback if otherwise

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[frontend]: Build explore events page

2 participants