How to vibe codeLunatask

Prerequisites

• Node.jsfree

  Runtime for building the web dashboard and Expo tooling.

• GitHubfree

  Source control and CI/CD repository management.

• Expo Accountfree

  Required for building and deploying the cross-platform mobile app client.

AI coding tools

• Claude Code

  Best-in-class agentic coding tool for scaffolding full-stack features and writing complex encryption logic across multiple files.

• Cursor

  Essential for iterative UI refinement, Tailwind styling, and reviewing code diffs component by component.

Build guide

1. 01Project Scaffolding & Database Schema

   Initialize the monorepo with Next.js and Expo, set up Tailwind CSS, configure Turso database tables for users, areas, tasks, habits, mood logs, and notes.

   Scramble up a full-stack Next.js project configured with TypeScript, Tailwind CSS, and Turso via libSQL. Create database migration files for the core data model: users, areas_of_life (id, user_id, name, position), tasks (id, area_id, title, description_encrypted, status, priority, workflow_type, due_date, estimated_minutes), habits (id, user_id, title, recurrence, current_streak, record_streak), mood_logs (id, user_id, date, mood_score, energy_level, stress_level, notes_encrypted), and notes (id, area_id, title, content_encrypted, is_pinned). Ensure strict type safety and establish a clean directory structure separating server actions, components, and encryption utilities.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Client-Side End-to-End Encryption Layer

   Implement local encryption and decryption helpers using Web Crypto API / CryptoJS so sensitive task descriptions, notes, and journal entries are encrypted in the browser before transmission.

   Implement a client-side end-to-end encryption module using standard cryptographic primitives (AES-GCM via Web Crypto API). Create React hooks and utility functions that encrypt task descriptions, note bodies, and journal entries using a user-derived master key before sending payloads to the server API routes. Ensure that decryption happens transparently upon fetching data on the client side. Add robust error handling for missing keys or invalid ciphertexts, and verify that the backend database only ever stores opaque ciphertext strings for sensitive fields.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Forgiving Task Workflows & Prioritization Engine

   Build the core task management interface supporting Now/Later, Eisenhower Matrix, and Must/Should/Want workflows with automated sorting and WIP limits.

   Build the task management interface in Next.js featuring multiple opinionated productivity workflows: Now/Later columns, Eisenhower Matrix quadrants, and Must/Should/Want lists. Implement frontend state management and backend sorting logic that automatically bubbles high-priority and aging tasks to the top based on age, user priority settings, and WIP limits. Include interactive drag-and-drop or status-toggle actions, pomodoro timer components, and keyboard shortcuts (e.g., Shift+Arrow Up) for rapid task promotion.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Habit Tracker & Mood Logging Dashboard

   Develop the visual habit tracking grid, streak counters, and daily well-being charts for mood, energy, and stress levels.

   Create a dedicated life-tracking dashboard containing two main subsystems: a visual habit tracker and a mood/energy logger. For habits, build a grid view supporting daily/weekly recurrences, multi-completion tracking, and automatic calculation of current and record streaks. For mood and well-being, build interactive charting components (using Tailwind and lightweight SVG or chart libraries) to visualize daily emotional states, energy fluctuations, and stress levels over time, ensuring all journal and mood notes are encrypted client-side before persisting to Turso.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Secure Notes, Notebooks, and Personal CRM

   Add markdown-supported secure notes with PIN protection and a personal CRM section for managing relationships and reconnection reminders.

   Implement a secure notes and notebook manager supporting markdown editing, note templates, deep linking, and PIN-protected notebook locking. Alongside notes, build a Personal CRM module allowing users to track friends and family contacts, store relationship notes, view interaction timelines, and configure automated reconnection reminders. Ensure all contact notes and journal entries integrate seamlessly with the client-side encryption utility created in Step 2.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Calendar Integration & Time-Blocking UI

   Build a daily calendar view supporting manual task time-blocking and external calendar event rendering.

   Build a daily calendar and time-blocking interface that displays scheduled tasks and external calendar blocks side-by-side. Implement drag-and-drop scheduling to drop tasks onto time slots, along with a calendar integration settings page that supports importing iCal feeds and parsing external calendar events. Add UI support for quick one-click video conference joining for detected meeting links (Zoom, Google Meet, Microsoft Teams).

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

7. 07Cross-Platform Mobile App Client via Expo

   Package the core task and habit features into a React Native Expo app for iOS and Android sync.

   Scaffold an Expo React Native mobile client that connects to the Next.js backend API. Implement mobile-optimized screens for the Now/Later task list, habit check-ins, and quick note capture. Ensure secure local token storage using Expo SecureStore and maintain offline-first caching of encrypted task blobs using local SQLite, syncing changes back to the Turso backend when network connectivity is restored.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Lunatask