Portfolio_

Personal Portfolio Architecture

A Fullstack SSR application built with Nuxt 4, featuring a custom API for dynamic content management.

Engineered as a Generic Starter Kit, available as Open Source on GitHub under MIT license.

Orchestrated with Docker (multi-service environment) including separate Dev and Production configurations.

Automated workflows via Makefile to standardize deployment and maintenance commands.

Secure infrastructure using Caddy as a reverse proxy with automated HTTPS/SSL certificates.

View source code
Otis AI – AI SaaS Platform

An AI-assisted content generation SaaS integrating OpenAI models via dynamic prompt engineering.

Full implementation of a monetization system using the Stripe API with a credit-based business model.

Robust JWT-based authentication system securing exchanges between the Vue.js frontend and Node.js backend.

Rich content editor allowing post-generation formatting and real-time database updates.

Comprehensive test suite (Unit & Integration) with Vitest to ensure API and UI stability.

View source code (Vue app) View source code (Node JS Backend) Watch demo video
AI Art Shield – Protect Your Art

A Advanced Python-based security tool designed to protect visual artworks from unauthorized AI training and scraping.

Implements invisible perturbations (Discrete Cosine Transform - DCT) to disrupt AI style recognition without altering human perception.

Features a Protection Evaluation System that measures and compares alteration levels between original and secured versions.

Engineered with Pillow, OpenCV, and NumPy for high-performance image processing and pixel-level manipulation.

Future-ready architecture: Designed for modular refactoring and integration of Adversarial Perturbations and Blockchain-signed signatures.

The project is part of Harvard's CS50P course.

View source code Watch demo video
Tic Tac Toe AI – Algorithm Mastery

An Advanced Browser-based Game featuring an unbeatable AI powered by the Minimax Algorithm.

Engineered three distinct game modes: Human vs. Human, Easy AI (Randomized logic), and Impossible AI (Recursive decision-making).

Implemented a recursive search tree to evaluate all possible moves and guarantee the optimal outcome for the AI.

Developed a real-time Score & Statistics Tracker managing session states across multiple game rounds.

Focus on clean UI/UX with responsive design and integrated SVG iconography for a 'Pixel Perfect' visual rendering.

The project is part of Harvard's CS50x course.

View source code Watch demo video
Business Conference Platform

Responsive event platform featuring a complex registration system and interactive UI components built with Vanilla JavaScript.

Engineered a custom Form Validation Engine using Regular Expressions (Regex) to handle real-time error messaging and data integrity.

Developed dynamic scroll-triggered animations, including automated counters and smart navigation elements (Go-to-top logic).

Implemented DOM manipulation patterns for state management: toggling success states and handling multi-input data structures (radios, checkboxes, text).

Built with a mobile-first approach using Bootstrap, ensuring cross-browser compatibility and optimized visual consistency.

The project is part of Harvard's CS50x course.

View source code
Technical Documentation Interface

High-readability documentation portal designed for the freeCodeCamp Responsive Web Design certification.

Strict adherence to HTML5 Semantic standards and ARIA roles to ensure full compatibility with screen readers.

Engineered a dynamic CSS layout with sticky navigation and fluid typography for an optimal technical reading experience.

Certified 'Pixel Perfect' implementation, passing 100% of automated accessibility and responsiveness tests.

View code on CodePen