A full-stack web application for managing bookings and reservations at Kampo Ibayo Resort, an eco-friendly camping resort in General Trias, Cavite, Philippines.
- Real-time booking — availability calendar with conflict prevention and dynamic pricing
- Dual payment processing — PayMongo (GCash, Cards) + manual bank transfer with proof upload
- Admin dashboard — booking management, financial reports, user management, analytics
- Multi-channel notifications — automated emails (Nodemailer) + SMS reminders (SMSGate)
- AI chatbot — 200+ FAQ responses with natural language processing
- Review system — multi-category ratings, photo uploads, admin moderation
- OCR verification — automatic payment proof verification via Tesseract.js
- PDF receipts — downloadable booking confirmations and reports
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router, Turbopack) |
| Frontend | React 19, TypeScript 5, Tailwind CSS 4 |
| Database | Supabase (PostgreSQL + Row-Level Security) |
| Auth | Supabase Auth |
| Payments | PayMongo API |
| Nodemailer (Gmail SMTP) | |
| SMS | SMSGate |
| Hosting | Vercel (with cron jobs) |
- Node.js 20+ (see .nvmrc)
- npm 8+
# Clone the repository git clone https://github.com/tatineeeeeee/kampo-ibayo-UI-.git cd kampo-ibayo-UI- # Install dependencies npm install # Set up environment variables cp .env.example .env.local # Edit .env.local with your credentials (see .env.example for details) # Start development server npm run devOpen http://localhost:3000 in your browser.
npm run dev # Start dev server (Turbopack) npm run build # Production build npm run start # Start production server npm run lint # Run ESLint npm run test # Run tests (Vitest)app/ admin/ # Admin dashboard (bookings, payments, reports, users, settings) api/ # API routes (bookings, email, SMS, admin endpoints) auth/ # Authentication pages book/ # Booking workflow components/ # Reusable React components contexts/ # React context providers hooks/ # Custom React hooks utils/ # Utility functions and services legal/ # Terms, FAQ, house rules public/ # Static assets (images, icons) docs/ # Project documentation Detailed documentation is available in the docs/ folder:
- Installation Guide — setup and deployment
- System Documentation — system overview
- Technical Documentation — architecture details
- User Manual — guide for guests and admins
- Testing Documentation — testing procedures
This project is deployed on Vercel. To deploy your own instance:
- Push to GitHub
- Import the repository in Vercel
- Add all environment variables from
.env.examplein the Vercel dashboard - Deploy
- Dai Ren B. Dacasin
- Justine Cesar L. Ocampo
- John Reign Reyes
Cavite State University — Trece Martires City Campus
This project is licensed under the MIT License.