Paraluman is a youth-led Philippine news platform focused on making journalism more accessible in both English and Filipino. This repository contains the Sabay Publish prototype, a system that allows journalists to draft stories in English, automatically generate Filipino versions using AI, and manage a professional editorial workflow from review to publication.

Built as a full-stack solution, it tackles the challenge of reliable multi-language news delivery without sacrificing speed or clarity.

• Framework: Next.js (App Router)
• Language: TypeScript
• Backend & Database: Convex (Real-time queries & mutations)
• Authentication: Clerk (Role-based access)
• Styling: Tailwind CSS 4
• UI Components: Radix UI (via Base UI) & shadcn/ui
• AI/Translation: Google Cloud Translation API
• Testing: Playwright (E2E testing)

• ✍️ Sabay Publish: Draft an English article and get an instant, high-quality Filipino translation.
• 🔍 Editorial Review: Dedicated workspace for editors to review, refine, and approve translations.
• 🔐 Secure Workflow: Role-based access (Writer/Editor) ensures that only authorized staff can publish.
• ⚡ Real-time Sync: Live updates on article status and workflow history.
• 📱 Public Landing: Optimized public view for readers to consume news in their preferred language.

• Node.js 20.x or later
• pnpm 9.x or later

1. Clone the repository:

   git clone https://github.com/roivroberto/sabay-publish.git
   cd sabay-publish

2. Install dependencies:

   cd web
   pnpm install

3. Set up environment variables:

   cp .env.example .env.local
   # Fill in your Clerk, Convex, and Google Cloud credentials

4. Run the development server:

   pnpm convex:dev  # Terminal 1: Backend
   pnpm dev         # Terminal 2: Frontend

This project is licensed under the MIT License.