WhatsApp Message Scheduler for iOS

A web-based WhatsApp message scheduler optimized for iOS devices. Schedule messages to be sent at specific times through WhatsApp Web.

Features

  • šŸ“± iOS-optimized interface with native feel
  • ā° Schedule messages for specific dates and times
  • šŸ“ž Support for both phone numbers and WhatsApp contacts
  • šŸ”„ Recurring message options
  • šŸ“ Message templates and quick replies
  • šŸŒ™ Dark mode support
  • šŸ’¾ Local storage for scheduled messages
  • šŸ”” Push notifications (when supported)

How It Works

  1. Add Contact: Enter phone number or select from contacts
  2. Compose Message: Write your message or use templates
  3. Set Schedule: Choose date, time, and recurrence
  4. Auto-Send: App opens WhatsApp Web at scheduled time

Technical Stack

  • Frontend: React with TypeScript
  • Backend: Hono API framework
  • Database: SQLite for message storage
  • Styling: TailwindCSS
  • Storage: Local storage + server backup

Project Structure

ā”œā”€ā”€ backend/
│   ā”œā”€ā”€ index.ts           # Main API server
│   ā”œā”€ā”€ database/
│   │   ā”œā”€ā”€ migrations.ts  # Database schema
│   │   └── queries.ts     # Database operations
│   └── routes/
│       ā”œā”€ā”€ messages.ts    # Message CRUD operations
│       └── scheduler.ts   # Scheduling logic
ā”œā”€ā”€ frontend/
│   ā”œā”€ā”€ index.html         # Main HTML template
│   ā”œā”€ā”€ index.tsx          # React app entry point
│   ā”œā”€ā”€ components/
│   │   ā”œā”€ā”€ App.tsx        # Main app component
│   │   ā”œā”€ā”€ MessageForm.tsx # Message composition
│   │   ā”œā”€ā”€ ScheduleList.tsx # Scheduled messages list
│   │   └── ContactPicker.tsx # Contact selection
│   └── style.css          # Custom styles
└── shared/
    ā”œā”€ā”€ types.ts           # Shared TypeScript types
    └── utils.ts           # Utility functions

Usage

  1. Open the app on your iOS device
  2. Add to home screen for native app experience
  3. Schedule your WhatsApp messages
  4. Keep the app accessible for scheduled sends