• Home

  • About

  • Portfolio

  • Contact

  • Blog
  • Home
  • About
  • Portfolio
  • Contact
  • Blog

My Portfolio

Work
  • AI-Powered Analytics Dashboard — full stack web application
    AI Analytics Dashboard
  • E-Commerce Platform — React and Node.js landing page
    E-Commerce Platform
  • Mobile Financial App — UI/UX process and prototype design
    FinTech Mobile App
  • Real-time Data API — Python backend and C++ engine
    Real-Time Data API
  • Portfolio and personal brand website — HTML, CSS, JavaScript
    Personal Brand Site
  • SaaS Web Application — Laravel and Vue.js
    SaaS Web Application
  • Machine Learning Model Interface — Python Flask API
    ML Model Interface
  • Company Corporate Website — responsive multi-page
    Corporate Website
  • Content Management System — custom CMS and admin dashboard
    Custom CMS

  • AI Analytics Dashboard

    Project: Analytics Platform
    Type: Personal Project
    Stack: Python React FastAPI PostgreSQL
    Preview: View Code on GitHub →

    A real-time analytics dashboard I built to practice integrating Python ML models with a React front-end. Features live data visualization using simulated business intelligence data.

    AI Analytics Dashboard screenshot

  • E-Commerce Platform

    Project: E-Commerce Build
    Type: Practice Project
    Stack: React Node.js MongoDB Stripe
    Preview: View Code on GitHub →

    A full-stack e-commerce application built to learn Stripe payment integration, cart state management in React, and secure authentication flows.

    E-Commerce Platform screenshot

  • FinTech Mobile App

    Project: Mobile App Design
    Type: UI/UX Concept
    Stack: Figma React Native UI/UX
    Preview: View Case Study →

    UX design and front-end prototype for a mobile finance application. Designed in Figma to study mobile-first accessibility patterns and implemented in React Native.

    FinTech Mobile App prototype

  • Real-Time Data API

    Project: Backend API
    Type: Hackathon Project
    Stack: C++ Python WebSockets Redis
    Preview: View Code on GitHub →

    A low-latency data processing pipeline built during a weekend hackathon. Explored integrating C++ for performance with a Python orchestration layer to handle WebSocket events.

    Real-Time Data API architecture diagram

  • Personal Brand Site

    Project: Portfolio Website
    Type: Personal Brand
    Stack: HTML CSS JavaScript Netlify
    Preview: You are currently viewing this!

    This very portfolio. Built entirely from scratch with semantic HTML, vanilla CSS, and JavaScript. Focused on mobile responsiveness, clean code, and achieving high Lighthouse scores.

    Personal brand portfolio website design

  • SaaS Web Application

    Project: SaaS Clone
    Type: Learning Project
    Stack: Laravel Vue.js MySQL AWS
    Preview: View Code on GitHub →

    A multi-tenant SaaS clone built to understand role-based access control, database structuring in Laravel, and building a dynamic Vue.js frontend over an API.

    SaaS Web Application dashboard screenshot

  • ML Model Interface

    Stack: Python Flask TensorFlow
    Preview: View Code on GitHub →

    A Flask-based REST API that exposes a trained TensorFlow classification model via a simple web UI. Built to learn how to deploy and serve machine learning models to the browser.

    Machine Learning model web interface

  • Corporate Website

    Stack: HTML CSS JavaScript
    Preview: View Project Link →

    A multi-page responsive corporate site template. Built to practice modern CSS layouts (Flexbox/Grid), semantic HTML structure, and accessible navigation patterns.

    Corporate responsive website screenshot

  • Custom CMS

    Stack: PHP MySQL Bootstrap
    Preview: View Code on GitHub →

    A custom content management application built to practice backend development. Features user authentication, role-based permissions, an article authoring flow, and a custom dashboard interface.

    Custom CMS admin dashboard
Previous project Next project Close project detail