Create Event Card Component

[jasonyu0705]

Description
Operation Surf hosts programs (e.g. Central Coast Surf Program), that contain some number of events (e.g. Day 1, Day 2, Dinner Event, etc.). When a user selects a program, all associated event cards will be displayed.

Create a reusable card component to display event information as shown in the attached image. The card should display:

• Event place
• Event name
• Event host (Operation Surf)
• Event availability (e.g., 0/3 spots)
• Event date (day of week, day, month)
• Event image

Acceptance Criteria

• A new card component visually matches the provided design
• Accepts props/fields for all listed data (place, event name, host, spots left, date, and image)
• Responsive design for both desktop and mobile screens
• Placeholder when image or critical information is missing
• (Optional) Create a subcomponent for the day/date box if necessary

Steps

• Create the Event Card component in the src/components folder
• Reference the Lo-fi designs and criteria above to build the component