Skip to main content
Hanseo
  • Home
  • Projects
  • Experience
  • Certificates
  • Projects
  • Experience
  • Certificates

© 2026 Hans Amoguis

← All Projects

02 of 05

Clarift

AI-powered study engine for Filipino students — transforms uploaded materials into summaries, quizzes, and targeted practice

2026Sole Full Stack Developer
Source Code
Live Preview
  • Brief
  • Decisions
  • System
  • Capabilities
  • Screenshots

Primary visual evidence

Clarift — primary interface screenshot

Brief

Problem

Filipino students and review center learners waste hours reformatting raw study material into usable review content. Existing tools either ignore uploaded notes or generate content from general knowledge rather than the student's own materials.

Response

Clarift is an AI-powered study engine built specifically for Filipino students and review center learners. It transforms uploaded study material into structured summaries, quizzes, and targeted practice through an active learning loop designed for high-stakes exams. The system uses RAG to ground all AI outputs in the student's own notes, never generating from general knowledge.

Technical Decisions

  1. 01

    Split architecture (Next.js frontend + FastAPI backend): AI pipelines need persistent processes with proper task isolation, serverless functions hit timeout limits for LangChain chains.

  2. 02

    ARQ worker with Redis queue: async job processing for document ingestion and AI generation keeps the API responsive and allows SSE progress tracking.

  3. 03

    pgvector for embeddings: leverages the existing Neon PostgreSQL database rather than adding a separate vector store, reducing infrastructure complexity.

  4. 04

    Clerk for auth with JWT verification in FastAPI: OAuth handled by a dedicated service, backend verifies tokens directly for tenant isolation.

  5. 05

    Cloudflare R2 for file storage: S3-compatible, cost-effective for PDF uploads without vendor lock-in.

System

Stack

  1. 01Next.js 16
  2. 02React 19
  3. 03TypeScript
  4. 04Tailwind CSS 4
  5. 05shadcn/ui
  6. 06Radix UI
  7. 07Framer Motion
  8. 08TanStack React Query
  9. 09Zustand
  10. 10Tiptap
  11. 11Recharts
  12. 12FastAPI
  13. 13Python 3.12
  14. 14LangChain
  15. 15SQLAlchemy async
  16. 16Alembic
  17. 17Neon PostgreSQL
  18. 18pgvector

Integrations

  1. 01Clerk
  2. 02Google Gemini API
  3. 03Cloudflare R2
  4. 04Upstash Redis
  5. 05PayMongo
  6. 06Sentry
  7. 07Vercel
  8. 08Railway

Capabilities

  1. 01Document ingestion — upload PDFs as study material
  2. 02Structured summaries — multi-step AI chain with MermaidJS diagrams
  3. 03Quiz generation — auto-generated from uploaded material only
  4. 04Weak area diagnosis — identifies knowledge gaps from quiz performance
  5. 05Targeted practice — personalized drills focused on specific weak topics
  6. 06Grounded RAG chat — answers exclusively from uploaded notes
  7. 07Quota system — daily usage limits with free and Pro tiers

Screenshots

Clarift — screenshot 1
Clarift — screenshot 2
Clarift — screenshot 3
Clarift — screenshot 4
Clarift — screenshot 5
All Projects
← ← PreviousPrevNext →Next →