An activity marketplace: providers list activities, customers book them, and both sides chat in real time.
Overview
YellowDays connects activity providers with customers who book through a mobile app. I built the web side across two versions, moving from Tailwind and Headless UI in v1 to Material UI and FullCalendar in v2, with booking status, maps and live chat.
My role
Frontend developer- 01Built the marketplace interface with Next.js, Material UI and React FullCalendar.
- 02Integrated Google Maps API, React Date Picker and Socket.io for location, scheduling and real-time chat.
- 03Implemented admin access controls for authorized users.
- 04Rebuilt the UI for v2 with a component-first approach for reuse.
How it was built
Hand-builtHand-built before the AI workflow existed. Two full versions, each refining the booking experience.
- v1
Launch
Next.js, Tailwind CSS and Headless UI. Booking status tracking and provider chat.
- v2
Rebuild
Material UI and FullCalendar for a calmer, more structured scheduling UI.
- v2
Admin
Role-based admin access for operations staff.
Key features
Calendar booking
Providers manage slots in FullCalendar; customers see availability instantly.
Maps
Google Maps to find activities nearby.
Live chat
Socket.io chat between providers and customers.
Admin access
Specific administrative controls for authorized users.
Impact
Screens
2 of 3 addedStack
Framework
UI
Real-time & maps
talk.