A modern event experience platform with real-time sessions, speaker profiles, and interactive Q&A
HiBento is a modern event platform that brings schedules, speakers, and Q&A into one seamless experience. Like a Japanese bento box, it helps you organize your day with a variety of sessions.
| Feature | Description | Technology |
|---|---|---|
| Event Management | Browse and discover live and upcoming events with rich detail pages | Next.js App Router |
| Session Schedule | Multi-track session listings with speaker info, time slots, and live status | Prisma + PostgreSQL |
| Speaker Profiles | Dedicated speaker pages with bios, external links, and session lists | Server Components |
| Live Q&A | Real-time question submission and upvoting during sessions | API Routes |
| Favorites | Bookmark events and sessions for quick access | LocalStorage |
| Video Streaming | Embedded video player with live indicator and fullscreen controls | Tailwind + Framer Motion |
| Responsive Nav | Adaptive navigation with glassmorphism and mobile burger menu | Framer Motion + Tailwind |
-
Clone with love
git clone https://github.com/yourusername/hibento.git cd hibento -
Install dependencies
npm install
-
Environment setup
cp .env.example .env # Fill in your environment variables -
Generate Prisma client & push schema
npx prisma generate && npx prisma db push -
Start creating magic
npm run dev
Open http://localhost:3000 and watch the magic unfold!
| Script Command | Purpose | When to Use |
|---|---|---|
npm run dev |
Development server with Prisma generation | Daily development with hot reload |
npm run build |
Production build with Prisma generation | Before deployment to Vercel |
npm run start |
Start production server | After build to run optimized app |
