Your 24-Hour Planner — A sophisticated scheduling app where nodes always sum to 24 hours.

Node24 is a fresh take on day planning. Instead of traditional time-block calendars, you create "nodes" that represent activities. The magic? Nodes always fill exactly 24 hours.

• 1 node = 24 hours
• 2 nodes = 12 hours each (or any split you choose)
• 5 nodes = Automatically balanced, always totaling 24 hours

Empty time appears as subtle filler that shrinks as you add more activities.

• 24-Hour Node System — Add, edit, and resize nodes that always sum to a full day
• Drag-to-Resize — Enter edit mode and drag node edges to adjust time
• Node Locking — Lock nodes to prevent accidental edits
• 10 Accent Colors — Personalize each node with beautiful, curated colors
• Notes & Details — Add context to any node
• Repeating Nodes — Daily, weekdays, weekends, weekly, monthly, yearly
• Smart Reminders — Get notified before nodes start
• Calendar Popup — Jump to any date with the full calendar view
• Quick Actions — Long-press nodes for edit, duplicate, lock, delete

• Dark Mode First — Elegant, eye-friendly interface
• Native Feel — Designed to feel like it belongs on iOS
• Sharp & Clean — No bubbly UI, just purposeful design
• Haptic Feedback — Tactile responses to interactions

• Onboarding Tutorial — First-time users get a guided walkthrough
• Freemium Model — 5 free nodes/day, premium for unlimited
• AI Assistant Bar — Premium preview with smart scheduling suggestions
• Polished Settings — Full control with working toggles

• Unlimited nodes per day
• All color themes
• Reminders & repeating nodes
• Cloud sync across devices
• AI-powered scheduling suggestions
• Home screen widgets
• Analytics & insights

• Node.js 18+
• npm or yarn
• Expo Go app (for testing on device)
• Apple Developer Account (for App Store submission)

# Clone the repository
git clone https://github.com/RamiNoodle733/Node24.git
cd Node24

# Install dependencies
npm install

# Start the development server
npx expo start --tunnel

1. Install Expo Go from the App Store
2. Scan the QR code from the terminal
3. The app will load on your device

npx expo start --web

src/
├── components/           # Reusable UI components
│   ├── AddNodeButton/
│   ├── AIAssistantBar/   # AI suggestions UI
│   ├── CalendarPopup/    # Date picker modal
│   ├── ColorPicker/
│   ├── DayHeader/
│   ├── DraggableNodeList/ # Main schedule with drag-to-resize
│   ├── DurationPicker/
│   ├── FillerNode/
│   ├── NodeDetailModal/
│   ├── Onboarding/       # First-time user tutorial
│   ├── PremiumModal/     # Upgrade prompt
│   ├── QuickActionsMenu/ # Long-press actions
│   ├── RepeatPicker/
│   ├── ScheduleNodeCard/
│   └── TimePicker/
├── screens/
│   ├── HomeScreen/       # Main schedule view
│   └── SettingsScreen/   # App settings
├── store/
│   └── scheduleStore.ts  # Zustand state management
├── theme/
│   ├── colors.ts
│   ├── typography.ts
│   └── spacing.ts
├── types/
│   └── index.ts
└── utils/
    ├── helpers.ts
    └── notifications.ts

Node24 uses a carefully curated color palette:

Uses SF Pro (iOS system font) for native feel.

• Framework: React Native with Expo SDK 54
• Language: TypeScript
• State: Zustand with AsyncStorage persistence
• Navigation: React Navigation
• Animations: React Native Reanimated
• Gestures: React Native Gesture Handler
• Haptics: Expo Haptics
• Notifications: Expo Notifications

Node24 uses a freemium model:

• Up to 5 nodes per day
• Basic colors
• Single-day view
• Edit mode with drag-to-resize

• Unlimited nodes
• All 10 colors
• Reminders
• Repeating nodes
• Cloud sync
• AI features
• Analytics

1. Apple Developer Account ($99/year)
2. App icons (1024x1024)
3. Screenshots (6.5", 5.5" iPhone)
4. Privacy Policy URL
5. App description & keywords

# Install EAS CLI
npm install -g eas-cli

# Login to Expo
eas login

# Build for iOS
eas build --platform ios

• Core node system (24hr always)
• Node editing (name, color, start/end time, notes)
• Drag-to-resize with edit mode
• Node locking
• Day navigation (arrows + calendar popup)
• Repeat options (7 patterns)
• Reminder settings
• Onboarding tutorial
• Freemium gate (5 nodes limit)
• Premium upgrade modal
• AI assistant bar (UI ready)
• Quick actions menu (long press)
• Settings screen with working toggles
• Haptic feedback throughout
• Dark mode

• Cloud sync with account system
• AI scheduling (parse commands)
• Voice-to-schedule
• Analytics & insights
• Home screen widgets
• Apple Watch companion

Proprietary — All rights reserved.

Made with love for productivity enthusiasts.

Node24 — Your 24 hours, beautifully organized.