Portfolio_

project.title

End-to-end web project managed and built from conception to production deployment — illustrating full ownership of a digital product lifecycle.

Defined product architecture and technical roadmap before development, applying structured project management methodology (specs, backlog, iterative delivery).

Implemented Test-Driven Development (TDD) with Vitest to ensure reliable business logic and maintainable codebase.

Automated deployment using a Docker & Caddy stack with native SSL management on a VPS — demonstrating DevOps awareness.

Focus on Web Accessibility (a11y) and SEO optimization, ensuring both technical excellence and user experience quality.

View source code Live Demo
project.title

A Fullstack SSR application designed and built as a complete digital product — from architecture design to production deployment.

Demonstrates end-to-end project ownership: technical architecture, API design, frontend integration and infrastructure management.

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

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

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

View source code
project.title

A complete SaaS product designed and delivered end-to-end — from product concept to technical implementation and monetization.

Defined and implemented a credit-based business model with full Stripe API integration, demonstrating product strategy and business thinking.

Architected a secure full-stack application with JWT authentication, REST API and real-time database interactions.

Built a comprehensive test suite (Unit & Integration) with Vitest to ensure product stability and reliability.

Integrates OpenAI API via dynamic prompt engineering for AI-assisted content generation workflows.

View source code (Vue app) View source code (Node JS Backend) Watch demo video
project.title

A 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.

The project is part of Harvard's CS50P course.

View source code Watch demo video
project.title

A 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).

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

Focus on clean UI/UX with responsive design — demonstrating product thinking and user experience sensitivity.

The project is part of Harvard's CS50x course.

View source code Watch demo video
project.title

Responsive event platform featuring a complex registration system — demonstrating UX thinking and user journey design.

Engineered a custom Form Validation Engine using Regex for real-time error messaging and data integrity.

Developed dynamic scroll-triggered animations and smart navigation elements.

Built with a mobile-first approach using Bootstrap, ensuring cross-browser compatibility.

The project is part of Harvard's CS50x course.

View source code
project.title

High-readability documentation portal — demonstrating information architecture and content structuring skills.

Strict adherence to HTML5 Semantic standards and ARIA roles for full accessibility compliance.

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

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

View code on CodePen

Website created by Dylan Tettarasar © 2025

Built with