✨ Onward — A calmer way forward

A calm, mobile-friendly, real-time task manager built with Vanilla JS, SortableJS, and optional self-hosted Supabase (PostgreSQL) Cloud Sync.

Try the live app: onward-tasks.netlify.app

---

📸 Screenshots

Desktop

Home	Sidebar

Mobile

Home	Sidebar

---

🌟 Highlights

• ⚡ Local-First & Instant Access: Works 100% offline out-of-the-box using browser localStorage — no sign-up or setup required.
• ☁️ BYOD (Bring Your Own Database): Connect your own free Supabase project with zero code changes. Your data stays in your database.
• 🔄 Real-time Multi-Device Sync: Sub-50ms WebSocket updates across mobile and desktop.
• 🖐️ FLIP Drag & Drop: Powered by SortableJS for smooth physics animations and focus re-prioritization.
• 💜 Automatic Focus Zones:
  • Top 3: Top Focus (Purple)
  • Next 5: Standard Focus (Blue)
  • Rest: Light Focus (Green)
• 🎨 Light & Dark Themes: Automatic OS detection + manual toggle.
• 🔒 Privacy & Self-Hosted: Zero central server, zero tracking, 100% open source.

---

🚀 Getting Started & Deployment

Try the Live Web App

Visit onward-tasks.netlify.app — instant access, no sign-up required.

Self-Host Locally or on Netlify / Cloudflare Pages

1. Fork or clone this repository:

   git clone https://github.com/sahilLikes2Code/Onward-task-manager.git

2. Deploy the root folder to Netlify, Cloudflare Pages, or GitHub Pages.

---

☁️ Enable Cloud Sync with Supabase (BYOD)

1. Create a free account at Supabase and create a project.
2. Go to SQL Editor → New Query, copy the contents of supabase/schema.sql, and click Run.
3. Open Onward, click Connect Cloud Database, and paste your:
   • Project URL (https://xxx.supabase.co)
   • Anon Key (eyJhbG...)
   • Workspace Password (used to lock your workspace on this device)

---

📁 Repository Structure

├── index.html       # Single Page Application
├── style.css        # Tactile design system, dark mode & CSS animations
├── app.js           # Core state, SortableJS D&D, local cache & Supabase Realtime
├── netlify.toml     # Netlify deployment & security headers
├── supabase/
│   └── schema.sql   # PostgreSQL table, indexes & RLS policies
├── LICENSE          # MIT License
└── README.md

---

📄 License

Distributed under the MIT License. See LICENSE for details.