Vocablue

Period: Jan 2025 – Present (SaaS Product Currently in Active Development)
Role: Founder & Fullstack Developer
Live Demo: https://vocablue-id.com

Overview

Vocablue is an SaaS platform, engineered to help users master 5,000 daily English vocabulary words through a structured daily curriculum, interactive speech practice. Designed as a self-sustaining SaaS product, it incorporates automated daily learning tracks, speech evaluation, and scalable subscription/payment workflows.

Key Features

• 5,000 Daily Word Checklist: Step-by-step daily curriculum featuring 10 new words and 10 practice sentences per day.
• Speaking & Conversation Practice: Interactive pronunciation practice modules with 2 daily thematic conversation topics.
• SaaS Architecture & Local Persistence: Production-ready authentication, subscription/payment integration readiness, responsive dark mode, and LocalStorage state persistence.

Tech Stack

• Frontend: React 19, TypeScript, Vite 6, Tailwind CSS
• AI Integration: Google Gemini API
• State & Storage: React Hooks, LocalStorage API
• SaaS Stack: Resend, Google Auth, Midtrans Payment Integration