Finding and selling tickets in the Philippines still runs on Facebook posts, group chats, and last-minute DMs. EventPinas brings that scattered energy into one structured place — a two-sided marketplace where organizers publish and attendees discover, book, and track events.
| 👥 For Attendees | 🎤 For Organizers |
|---|---|
| Browse & discover events | Create & manage events |
| View schedules & details | Publish listings fast |
| Register / book tickets | Track attendees |
| Save & follow interesting events | Update event info anytime |
- 🎫 Event marketplace system design (organizers ↔ attendees)
- 🔍 Searchable, categorized event discovery
- 📱 Mobile-first UI that feels like a social feed
- ⚡ Real-time data via Firestore
- 📷 QR-ready tooling (
@zxing/browser,qrcode) for check-ins - 🌍 Scalable cloud architecture on Firebase
| Layer | Technology |
|---|---|
| Framework | React 18 · Vite 5 |
| Styling | Tailwind CSS 3 |
| Backend | Firebase — Auth · Firestore · Storage |
| Motion | @react-spring/web · @use-gesture/react |
| Routing | react-router-dom 6 |
| Quality | ESLint · Vitest |
| PWA | Installable, offline-capable |
EventPinas/
├── src/
│ ├── components/ # auth, layout, ui
│ ├── pages/ # admin, auth, marketplace, static
│ ├── services/ # Firebase & API layer
│ ├── hooks/ · lib/ · utils/ · data/
│ └── test/
├── scripts/ # backfill, Firebase preflight & smoke tests
├── public/
├── firebase.json # Hosting, Firestore, Storage, indexes
└── package.json
# 1. Install dependencies
npm install
# 2. Configure Firebase
cp .env.example .env # add your Firebase web config
# 3. Start the dev server
npm run dev # http://localhost:5173| Script | Purpose |
|---|---|
npm run build |
Production build |
npm run test |
Unit tests (Vitest) |
npm run backfill:marketplace-events |
Seed marketplace events |
npm run firebase:verify:all |
Preflight + smoke checks |
npm run firebase:deploy:all |
Build & deploy backend + hosting |
- 🟡 Core UI/UX implemented
- 🟡 Event listing system in development
- 🟡 Backend integration ongoing
Actively being built — roadmap and design details live in
PROJECT_CONTEXT.md, DESIGN_SYSTEM.md,
and the marketplace wireframe docs.
Made for the Philippine event scene 🇵🇭