Calendra is a fully-featured, production-ready scheduling application built with the latest web technologies. It allows users to manage their availability, let others book time with them, and sync events directly to Google Calendar—all while preventing double-bookings and timezone confusion.
This project is perfect for showcasing full-stack skills using Next.js 15, React 19, and modern tooling. Whether you're looking to impress in your portfolio or deploy a real SaaS product, Calendra is built to scale.
- 🔐 Authentication with Clerk (OAuth, email login, etc.)
- 🗓️ Event creation & customization
- 📆 Booking based on real-time availability
- 🔄 Google Calendar integration (create, sync, reminders)
- 🚫 Double-booking prevention
- 🌍 Timezone-aware scheduling
- 🎨 Modern UI & responsive design
| Technology | Purpose |
|---|---|
| Next.js 15 | App Router, Server Actions, edge-ready |
| React 19 | Building fast, interactive UIs |
| TypeScript | Type safety and developer experience |
| Tailwind CSS v4 | Utility-first styling |
| shadcn/ui | Accessible and beautiful components |
| Neon | Serverless PostgreSQL database |
| Drizzle ORM | Schema-first, type-safe queries |
| Google Calendar API | Real-time calendar sync |
| Clerk | Authentication and user management |