How to vibe codeDoodle

Prerequisites

• Node.jsfree

  Required runtime for Next.js development and package management

• GitHubfree

  Source code repository and deployment pipeline integration

• 

  Google Developer Accountfree

  Required to set up OAuth credentials for Google Calendar integration

AI coding tools

• Claude Code

  Best-in-class agentic coding tool for scaffolding full-stack applications, handling multi-file database schemas, and iterating through complex business logic.

• Cursor

  Ideal AI-native code editor for reviewing visual diffs and fine-tuning frontend UI components and Tailwind layouts.

Build guide

1. 01Project Scaffolding & Database Schema Setup

   Initialize the Next.js application with Tailwind CSS and Drizzle ORM connected to Turso, defining tables for users, polls, poll_slots, poll_votes, booking_pages, and bookings.

   Scramble a new Next.js project using App Router, TypeScript, and Tailwind CSS. Install Drizzle ORM and configure it for Turso (SQLite). Create the database schema with tables: users (id, email, name, password_hash, created_at), polls (id, title, description, organizer_id, duration, deadline, status, created_at), poll_slots (id, poll_id, start_time, end_time), poll_votes (id, poll_slot_id, participant_name, participant_email, vote_status ['yes', 'if_need_be', 'no']), booking_pages (id, user_id, slug, title, duration, buffer_time, hourly_rules), and bookings (id, booking_page_id, guest_name, guest_email, start_time, end_time, status). Set up environment variable handling and include migration scripts.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Authentication & Calendar OAuth Integration

   Implement better-auth for user accounts and set up OAuth connectors for Google Calendar and Microsoft Graph to read busy blocks.

   Implement better-auth in the Next.js application supporting email/password and secure session management. Next, build OAuth integration routes for Google Calendar and Microsoft Outlook (Microsoft Graph API). Store encrypted OAuth access and refresh tokens in a dedicated calendar_connections table linked to the user. Write server utility functions to fetch free/busy calendar intervals for a given date range using the Google Calendar freeBusy endpoint and Microsoft Graph calendar view endpoint, handling token refresh edge cases gracefully.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Group Poll Creation & Unauthenticated Voting UI

   Build the organizer flow for creating group polls and the unauthenticated voting interface where participants cast availability votes across time zones.

   Build the Group Poll creation wizard (/polls/new) where an organizer sets a title, duration, and selects multiple date/time slots, optionally syncing with their calendar availability. Generate a unique shareable link. Build the public unauthenticated voting page (/poll/[id]) where external participants enter their name and email, view proposed time slots converted to their local browser time zone, and click to vote 'Yes', 'If need be', or 'No'. Store votes securely and update aggregate availability grids in real time.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Poll Finalization & Calendar Event Booking

   Implement the organizer dashboard view for reviewing poll results, picking the optimal winning time slot, and automatically dispatching calendar invites.

   Create the organizer poll management dashboard (/polls/[id]) that visualizes a matrix of participants against all proposed time slots, highlighting the slots with the highest consensus. Add a 'Book Event' action button that allows the organizer to select the winning slot, automatically write the meeting event to the organizer's connected Google/Outlook calendar via API, and trigger confirmation emails to all participating voters via Resend.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 051:1 Booking Pages & Rule Enforcement

   Build personal booking pages with configurable working hours, buffer times, and live conflict checking against the user's primary calendar.

   Build the 1:1 booking page setup module and public booking interface (/book/[username]/[slug]). The public page must fetch available slots by combining the user's weekly working hours rules, applying buffer times, and subtracting busy blocks fetched live from their connected Google/Outlook calendars. Implement the booking submission form that creates a calendar event on the host's primary calendar, prevents double-booking race conditions, and sends instant email confirmations with meeting details.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Notifications, Reminders, and Polish

   Add background jobs or cron endpoints for automated meeting reminders, deadline enforcement, and UI polish with shadcn/ui components.

   Implement automated email notification workflows using Resend. Build a cron endpoint secured with a secret token that checks for polls nearing their deadlines and sends reminder emails to non-responders, as well as 24-hour reminder emails before confirmed bookings. Refine the UI across all views using shadcn/ui components, ensuring responsive layouts for mobile and desktop browsers, error boundaries, and clear loading states.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Doodle