Projects

Product work with feature-level detail

Each project includes the core outcome, supporting features, technical stack, and available links.

Boardinghouse SaaS PlatformSAAS
2024In progress

Boardinghouse SaaS Platform

Multi-tenant SaaS for boarding house operators. Rent tracking, tenant management, automated billing, and Stripe payment integration.

Next.js 14TypeScriptMongoDBStripeNextAuth.jsResend
🏠
Multi-tenant architecture

Each boarding house operator gets an isolated workspace with custom subdomain and data separation.

💳
Stripe billing automation

Automated monthly rent invoices with Stripe payment links, webhook sync, and receipt generation.

👥
Tenant management

Full CRUD for tenant profiles, contract dates, room assignments, and payment history.

📬
Smart notifications

Email reminders via Resend for due rent, lease expiry, and maintenance requests.

📊
Owner dashboard

Revenue analytics, occupancy rates, and tenant summaries at a glance.

Stack used

Next.js 14 + TypeScriptFull-stack framework
MongoDB + MongooseDatabase
StripePayment processing
NextAuth.jsAuthentication
ResendTransactional email
Tailwind CSSUI styling
Pharmacy Management SystemLIVE
2024Live

Pharmacy Management System

Full-stack inventory and sales management for pharmacies. Real-time stock tracking, automated reorder alerts, and analytics dashboard.

Next.jsTailwind CSSMongoDBNode.jsExpressChart.js
📦
Real-time inventory

Live stock tracking with automated low-stock alerts and reorder suggestions sent via email.

📊
Sales analytics

Interactive Chart.js visualizations for daily, weekly, and monthly revenue trends.

🔐
Role-based access

Admin, pharmacist, and cashier roles with JWT authentication and permission guards.

🖨️
Receipt generation

Auto-generated printable receipts and invoices on every sale.

🔍
Drug search

Fast drug lookup by name, category, or barcode with expiry date tracking.

Stack used

Next.jsFrontend framework
MongoDB + MongooseDatabase
Node.js + ExpressREST API
Chart.jsData visualization
Tailwind CSSStyling
JWT + bcryptAuth
GuardCon — Personal Safety AppIN PROGRESS
2024In progress

GuardCon — Personal Safety App

Mobile safety app for solo night commuters. One-tap SOS sends real-time GPS to emergency contacts.

React NativeFirebaseExpoGoogle Maps API
🆘
One-tap SOS

Single button instantly sends your GPS coordinates to pre-configured emergency contacts via SMS and push.

📍
Live location sharing

Real-time location tracking shareable via a link using Google Maps API.

🔔
Check-in system

Periodic safe check-ins — alerts emergency contacts automatically if a check-in is missed.

🔒
Offline-first

Core SOS features continue working with limited connectivity using local caching.

📞
Emergency contacts

Quick-dial panel for pre-saved contacts and local emergency numbers.

Stack used

React Native 0.73Mobile framework
ExpoBuild tooling
Firebase Realtime DBLive sync
Firebase AuthAuthentication
Google Maps APIGeolocation
Expo NotificationsPush alerts
IT Passport Quiz AppLIVE
2024Live

IT Passport Quiz App

Study app for IT licensure exam prep. SM-2 spaced repetition algorithm with progress tracking and mock exams.

React 18FirebaseViteTailwind CSSRecharts
🧠
SM-2 spaced repetition

Flashcard reviews scheduled with the SM-2 algorithm for optimal long-term memory retention.

📈
Progress tracking

Per-topic accuracy analytics, study streak counter, and session history.

📚
600+ questions

Curated question bank covering all IT licensure exam topics with correct-answer explanations.

⏱️
Timed mock exams

Full-length mock exams simulating actual exam conditions and scoring.

Stack used

React 18UI framework
ViteBuild tool
Firebase FirestoreQuestions DB
Firebase AuthUser accounts
Tailwind CSSStyling
RechartsProgress charts
UC CSS SIT-IN MonitoringDEPLOYED
2023Deployed

UC CSS SIT-IN Monitoring

QR-based student check-in system for UC CSS department with admin analytics dashboard and PDF reports.

Next.js 14PostgreSQLPrismaNextAuthQR Code
📱
QR check-in

Students scan unique QR codes to log sit-in sessions in under 3 seconds.

🖥️
Admin dashboard

Real-time view of active sessions with search, filters, and student lookup.

📊
Exportable reports

CSV and PDF reports of attendance by student, date range, or session count.

⏱️
Session enforcement

Automatic time tracking with configurable max-hours and overtime alerts.

Stack used

Next.js 14Full-stack framework
PostgreSQLDatabase
Prisma ORMDB queries
qrcode.reactQR generation
Tailwind CSSStyling
NextAuth.jsAdmin auth
E-Commerce Starter KitLIVE
2024Live

E-Commerce Starter Kit

Full-featured e-commerce starter with product management, cart, checkout flow, Stripe payments, and admin panel.

Next.js 14TypeScriptPrismaPostgreSQLStripeCloudinary
🛍️
Product management

Full admin CRUD for products, categories, variants, inventory, and image uploads via Cloudinary.

💳
Stripe checkout

Complete checkout flow with Stripe Elements, webhooks, and order confirmation emails.

🛒
Cart & wishlist

Persistent cart and wishlist stored in the database per authenticated user.

📦
Order tracking

Customer order history with status updates from admin panel.

🔎
Search & filter

Instant product search with category, price range, and sort filters.

Stack used

Next.js 14 + TypeScriptFull-stack
PostgreSQL + PrismaDatabase
StripePayments
CloudinaryImage storage
NextAuth.jsAuth
Tailwind CSSStyling
TaskFlow — Mobile Task ManagerLIVE
2024Live

TaskFlow — Mobile Task Manager

Cross-platform task manager with offline-first support, categories, due dates, priority flags, and push reminders.

React NativeExpoSQLiteZustandExpo Router
📋
Offline-first

All data stored locally with SQLite. Works fully without internet — syncs when online.

🗂️
Categories & tags

Organize tasks by project, context, or custom category with color coding.

Push reminders

Scheduled push notifications for due dates and recurring tasks.

Priority flags

Four-level priority system with a focused "Today" view for what matters now.

📊
Productivity stats

Weekly completion rate, streak tracking, and task velocity charts.

Stack used

React NativeMobile framework
Expo + Expo RouterNavigation & tooling
SQLite (expo-sqlite)Local database
ZustandState management
Expo NotificationsPush reminders
React Native PaperUI components
DevLinks — Link in Bio for DevsOPEN SOURCE
2024Live

DevLinks — Link in Bio for Devs

Customizable developer link-in-bio page with GitHub stats, project showcase, tech stack display, and analytics.

Next.jsGitHub APITailwind CSSVercelTypeScript
🔗
Custom link aggregator

Add any links with icons — GitHub, LinkedIn, Twitter, portfolio, blog — in a clean grid.

📊
Live GitHub stats

Auto-fetched commit count, stars, top languages, and contribution graph from the GitHub API.

💼
Project showcase

Pinned projects pulled from GitHub with description, stars, and tech stack.

🎨
Theme customizer

Choose from 5 themes or set a custom accent color. Works in dark and light mode.

📈
View analytics

Track how many people visited your profile and which links they clicked.

Stack used

Next.js 14Frontend
GitHub REST APIStats & repos
TypeScriptType safety
Tailwind CSSStyling
VercelDeployment
Vercel AnalyticsView tracking