Notion is great, but sometimes you just want a focused space for a project — tasks on one side, notes on the other, and rich pages for documentation. No databases, no templates, no friction. Just workspaces that keep you in flow.

• 📁 Workspaces — Create project-specific spaces to organize everything
• ✅ Tasks — Quick todos with priorities (none, low, medium, high)
• 📝 Notes — Titled notes with content and tags for quick reference
• 📄 Pages — Rich text pages for detailed documentation within workspaces
• 🎨 Themes — Multiple beautiful themes including Japanese Pastel
• 🔐 Authentication — Secure auth via Supabase with row-level security
• 📱 Responsive — Works beautifully on desktop and mobile
• 🎭 Demo Mode — Try the app without signing up

• FastAPI — Modern, fast Python web framework
• Supabase — PostgreSQL database with real-time capabilities
• Pydantic — Data validation and settings management
• Python-JOSE — JWT authentication

• Next.js 14 — React framework with App Router
• TypeScript — Type-safe development
• Tailwind CSS — Utility-first styling
• Radix UI — Accessible component primitives
• SWR — Data fetching and caching
• Sonner — Beautiful toast notifications

• Supabase — Database, authentication, and storage
• PostgreSQL — Relational database with RLS
• Vercel — Frontend hosting and deployment for the Next.js app
• Render — Backend hosting and deployment for the FastAPI API

moji/
├── backend/
│   ├── app/
│   │   ├── main.py          # FastAPI application
│   │   ├── config.py        # Settings and environment variables
│   │   ├── dependencies.py  # Auth and Supabase clients
│   │   ├── models/          # Pydantic schemas
│   │   │   ├── workspace.py
│   │   │   ├── task.py
│   │   │   ├── note.py
│   │   │   └── page.py
│   │   └── routes/          # API endpoints
│   │       ├── workspaces.py
│   │       ├── tasks.py
│   │       ├── notes.py
│   │       └── pages.py
│   └── requirements.txt
├── frontend/
│   ├── app/                 # Next.js pages (App Router)
│   │   ├── page.tsx         # Dashboard
│   │   ├── login/
│   │   ├── profile/
│   │   ├── settings/
│   │   └── workspaces/
│   │       └── [id]/
│   │           ├── page.tsx # Workspace detail
│   │           └── pages/
│   │               └── [pageId]/
│   ├── components/          # React components
│   │   ├── ui/              # shadcn/ui components
│   │   ├── Sidebar.tsx
│   │   ├── TaskList.tsx
│   │   ├── NoteList.tsx
│   │   ├── PageEditor.tsx
│   │   └── ...
│   └── lib/                 # Utilities
│       ├── api.ts           # API client
│       ├── supabase.ts      # Supabase client
│       ├── themes.ts        # Theme system
│       └── hooks.ts
└── supabase/
    ├── schema.sql           # Database schema
    └── add_pages.sql        # Pages table migration

• Node.js 18+ and npm
• Python 3.10+
• Supabase account (free tier works)

1. Create a new project at supabase.com
2. Go to SQL Editor and run the contents of supabase/schema.sql
3. Run supabase/add_pages.sql to add the pages table
4. Enable Email/Password auth in Authentication > Providers
5. Get your API keys from Settings > API:
   • Project URL
   • anon key (public)
   • service_role key (secret, backend only)

cd backend

# Create virtual environment
python -m venv venv

# Activate virtual environment
# On Windows:
venv\Scripts\activate
# On macOS/Linux:
source venv/bin/activate

# Install dependencies
pip install -r requirements.txt

# Create .env file
cat > .env << EOF
SUPABASE_URL=https://your-project.supabase.co
SUPABASE_ANON_KEY=your-anon-key
SUPABASE_SERVICE_KEY=your-service-role-key
DEBUG=true
ALLOWED_ORIGINS=http://localhost:3000
EOF

# Run the server
uvicorn app.main:app --reload --port 8000

The API will be available at http://localhost:8000 with interactive docs at /docs.

cd frontend

# Install dependencies
npm install

# Create .env.local file
cat > .env.local << EOF
NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
NEXT_PUBLIC_API_URL=http://localhost:8000
EOF

# Run the dev server
npm run dev

The app will be available at http://localhost:3000.

All endpoints require authentication via Bearer token (Supabase JWT) in the Authorization header.

Create project-specific spaces to organize your work. Each workspace contains its own tasks, notes, and pages.

• Quick todos with content
• Priority levels: none, low, medium, high
• Toggle completion status
• Organized by workspace

• Titled notes with rich content
• Tag support for organization
• Quick access from workspace sidebar

• Rich text pages for detailed documentation
• Full-page editor with auto-save
• Organized within workspaces
• Perfect for project documentation

• Default — Clean dark theme with blue accents
• Japanese Pastel — Soft lavender and sakura tones with paper texture
• More themes coming soon!

• Row-level security (RLS) ensures users only see their own data
• JWT-based authentication via Supabase
• Secure API endpoints with user verification

• Moji Daily — Calendar-based daily planning system for organizing tasks and notes by date
• Real-time updates with Supabase subscriptions
• Drag-and-drop task reordering
• Markdown support for notes and pages
• Search across workspaces
• More theme options

• Moji Daily Sync — Bidirectional movement between Daily and Workspaces (/daily command)
• Export/import functionality

• Mobile app (React Native)
• Workspace sharing and collaboration

This project is licensed under the Apache License 2.0 — see the LICENSE file for details.

Noxire-Hash

• GitHub: @Noxire-Hash