My Portfolio

Selected Projects

Here are some of my recent projects that showcase my skills in full-stack development, UI/UX design, and problem-solving.

Mary Pee Official — Admin Dashboard
MPO—AD

Mary Pee Official — Admin Dashboard

Production-grade RBAC admin panel for a publishing brand. Real-time analytics, dynamic CMS, and secure multi-role auth — end-to-end full-stack mastery with Prisma + Next.js.

Key Features

  • Role-based access control (RBAC) with session management
  • Real-time analytics dashboard with data visualization
  • Dynamic content management via Prisma ORM
  • Secure authentication with protected route middleware
  • 55+ commits — production deployed, actively maintained
Next.jsTypeScriptPostgreSQLTailwind CSS
CodeLive Demo
AI Book Website + RAG Chatbot
ABW+RC

AI Book Website + RAG Chatbot

Author marketing site with an embedded RAG chatbot trained on book content — enabling 24/7 domain-specific Q&A for readers. Built for the author niche: Next.js frontend + LangChain backend + vector DB.

Key Features

  • RAG pipeline: OpenAI + vector embeddings for book-specific Q&A
  • Semantic search with <800ms query response latency
  • Next.js author marketing site with MDX content
  • Chatbot answers domain-specific reader questions autonomously
  • Hackathon project — shipped end-to-end in 24 hours
Next.jsPythonLangChainOpenAI
CodeLive Demo
AI Todo Manager + Chatbot
ATM+C

AI Todo Manager + Chatbot

AI-powered productivity app with an integrated chatbot for natural-language task management. Multi-phase architecture with GitHub Actions CI/CD — shows AI integration into real-world workflows.

Key Features

  • Natural language task creation via AI chatbot
  • Multi-phase full-stack architecture (TypeScript + Python)
  • GitHub Actions CI/CD pipeline with Docker
  • Conversational UI for task categorization and tracking
  • Vercel deployment with automated workflow
Next.jsTypeScriptPythonOpenAI
CodeLive Demo
ScriptForge — AI Video Script Generator
S—AVSG

ScriptForge — AI Video Script Generator

LLM-powered tool for content creators — generates structured video scripts from prompts using LangChain pipelines. Targets the content creator economy with a clean, fast UI.

Key Features

  • LangChain/LangGraph orchestration for multi-step script generation
  • Prompt engineering for tone, style, and structure control
  • Content creator-focused UX with instant output
  • Supports YouTube, short-form, and long-form script formats
  • FastAPI backend with Next.js frontend
Next.jsPythonLangChainOpenAI
CodeLive Demo
KinderCode — Kids Coding & EdTech Platform
K—KC&EP

KinderCode — Kids Coding & EdTech Platform

Interactive EdTech platform for children with gamified coding lessons, story-based learning, and real-time progress tracking. Built with Next.js + Supabase for Byte-Forge Solutions (European client).

Key Features

  • Gamified coding lessons with child-friendly UX
  • Multi-role auth: parent dashboard + child learning view
  • Real-time progress tracking via Supabase
  • Story-based interactive modules for engagement
  • 25% performance improvement through optimization
Next.jsReactSupabaseTypeScript
CodeLive Demo
DataSweeper — AI Data Processing Tool
D—ADPT

DataSweeper — AI Data Processing Tool

Python + Streamlit app for automated data cleaning and processing powered by AI. Demonstrates MLOps awareness and Python data engineering skills with Pandas/NumPy pipelines.

Key Features

  • Automated data cleaning with AI-assisted detection
  • Pandas/NumPy processing pipelines
  • Streamlit deployment — MLOps-ready
  • Upload CSV/Excel, get clean output instantly
  • Data flow visualization and transformation logs
PythonOpenAI
CodeLive Demo
View More on GitHub

Have a Project in Mind?

I'm always excited to work on new and challenging projects. Let's discuss how we can bring your ideas to life.

Start a ProjectView Experience