PaneTask

PaneTask is a minimalistic, Notion-inspired To-Do application featuring a Master-Detail interface. It is built for speed, focus, and simplicity.

Features

• Master-Detail Layout: Navigate tasks on the left, edit details on the right.
• Auto-Save: Changes persist automatically as you type.
• Rich Editor: Add detailed notes and descriptions to your tasks.
• Secure: Row Level Security (RLS) ensures your data is private.
• Fast: Built with Vite and React for instant interactions.

Tech Stack

• Frontend: React, Vite
• Backend: Supabase (PostgreSQL + Auth)
• Styles: Pure CSS (Variables + Flexbox)

Getting Started

Prerequisites

• Node.js (v18+)
• A Supabase project

Installation

1. Clone the repository

   git clone <repository-url>
   cd PaneTask

2. Install dependencies

   npm install

3. Environment Setup Create a .env file in the root directory:

   VITE_SUPABASE_URL=your_supabase_url
   VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

   See deployment.md for database setup instructions.

4. Run Locally

   npm run dev

Deployment

This app is ready for Vercel.

1. Push to GitHub.
2. Import project in Vercel.
3. Set Environment Variables (VITE_SUPABASE_URL, VITE_SUPABASE_ANON_KEY).
4. Deploy.

Database Schema

Check db/init.sql for the latest schema definitions and RLS policies.

---

Built with ❤️ by [Your Name/Company]