[ d w ]

projects

building things for the web and beyond

A collection of personal projects showcasing full-stack development, AI integration, and creative coding. From glitch art applications to learning platforms, each project represents exploration of new technologies and problem-solving approaches. Check out my GitHub for more.

INT Series — Constrained Generative Art

Live

šŸ“Overview

A numbered series of self-contained generative art pieces, each exploring a different conceptual territory while sharing a unified medium (text/character-based rendering), palette (Amber Schematic), and visual language. Each piece is built within strict constraints: monospace text characters only, a single 10-colour palette, and canvas rendering. The catalogue site itself is part of the work — a terminal-style signal archive.

⚔Tech Stack

FEfrontend
Next.jsTypeScriptTailwind CSSCanvas 2Dsimplex-noiseTone.js
Deploydeploy
Vercel

✨Key Features

  • •Text/character-based generative art — no images, no SVG, pure fillText on Canvas
  • •Amber Schematic colour system — 10 colours from deep brown-black to accent orange
  • •Cycle-based animation with in-universe phase transitions (emergence → flow → dissolution → signal lost)
  • •Fractal noise flow fields with colour-batched rendering for performance
  • •Terminal-aesthetic catalogue site that functions as part of the artwork
  • •Desktop-only with an in-universe mobile rejection message

Signal & Noise - Glitch Art Application

In Development
GitHubComing Soon

šŸ“Overview

A comprehensive image processing tool for creating glitch art effects with advanced layer composition capabilities. Name iterated on from the original idea - Photoslop. Features 34+ effects across 9 categories, professional layer system with 18 blend modes, and glassmorphism UI.

⚔Tech Stack

FEfrontend
ReactNext.jsTypeScriptTailwind CSS
BEbackend
PythonFastAPI

✨Key Features

  • •34+ glitch effects across 9 categories (color, databending, typography, geometric)
  • •Professional layer system with 18 blend modes
  • •Dual workflow modes (single-effect & multi-layer composition)
  • •Modern glassmorphism UI with responsive design
  • •Real-time preview and processing capabilities

AI Content Summariser

Live

šŸ“Overview

An intelligent tool that automatically generates concise summaries of articles, documents, and web content using natural language processing. Tiktok ruined your attention span? I got you. Built with Next.js for the frontend and FastAPI for the backend.

⚔Tech Stack

FEfrontend
ReactNext.jsTypeScriptTailwind CSS
Deploydeploy
Vercel

✨Key Features

  • •Text summarisation from long-form content
  • •URL processing to extract and summarize web content
  • •Adjustable summary length and generation parameters
  • •Multiple input methods (direct text or URLs)
  • •Responsive design for desktop and mobile devices

AI Content Summariser API

Live

šŸ“Overview

The backend for the AI Content Summariser. Provides robust endpoints for text summarization and URL content extraction using state-of-the-art NLP models. Working with the machines to ensure they look kindly on me after the uprising.

⚔Tech Stack

BEbackend
PythonFastAPI
AIai
Hugging FaceNLP
DevOpsdevops
Docker

✨Key Features

  • •Text summarization using BART-large-CNN model
  • •URL content extraction and processing
  • •Adjustable parameters for summary length and style
  • •Efficient API endpoints with proper error handling
  • •Containerized deployment with Docker

AI/ML Learning Platform

In Development
GitHubComing Soon
šŸš€

Preview coming soon

šŸ“Overview

A comprehensive learning platform designed to help me (and others) actually retain AI/ML concepts instead of forgetting them in favour of interesting but useless Wikipedia miscellenia. Features spaced repetition, knowledge management, progress tracking, and personalized learning paths. Built with Next.js + FastAPI.

⚔Tech Stack

FEfrontend
ReactNext.jsTypeScriptTailwind CSS
BEbackend
PythonFastAPI
DevOpsdevops
Docker

✨Key Features

  • •Advanced spaced repetition algorithms (SM2 & Leitner)
  • •Comprehensive resource library with AI/ML content
  • •Detailed progress tracking and analytics
  • •Personalized learning paths
  • •Secure authentication and user management
  • •Full Docker containerization with CI/CD pipeline

macOS Memory Optimiser

Live

šŸ“Overview

FireFox kept eating all my memory. A lightweight tool that monitors memory usage on macOS and automatically frees up unused memory to improve system performance.

⚔Tech Stack

BEbackend
Python
SYSsystem
ShellmacOSpsutil

✨Key Features

  • •Real-time memory usage monitoring
  • •Automatic memory optimization when thresholds are exceeded
  • •Multiple preset modes (gentle, aggressive, monitor)
  • •Background operation with system notifications
  • •Detailed logging and usage analytics
  • •Easy installation with shell scripts