/portfolio/overview

Projects & Artifacts

My work blends digital media, interactive tools, and educational experiments. Each project is a form of critical inquiry at the intersection of technology, design, and social theory. I build these interactive artifacts—often in collaboration with AI like Claude and Gemini—to investigate how technical systems shape human experience and reveal patterns in our collective behavior.

These are more than tools or websites; they are tangible arguments. They are windows into how we communicate, learn, and create meaning in the digital age, reflecting my practice of instantiating complex theory as interactive experience.

You can check the design cookbook of this website.

Tip: Looking for something specific? Press Ctrl + K (or Cmd + K on Mac) to open the search terminal and quickly find any project listed on this page.

/portfolio/digital-journalism-media/journalism-studio-website

Journalism Studio Website

This project showcases a dynamic platform designed for journalism students, featuring curated projects, insights into digital journalism trends, and advanced reporting techniques. It serves as a comprehensive resource for aspiring journalists to explore data-driven storytelling, investigative methodologies, and modern media distribution strategies.

View Project

/portfolio/tools-utilities/fortune-wheel

Fortune Wheel

The Fortune Wheel is an interactive classroom tool designed for randomized participant selection. It features engaging spinning animations and flexible input methods, allowing names to be added individually, imported from a class list, or uploaded via file. This tool enhances classroom engagement by introducing an element of suspense and equitable selection.

View Project

/portfolio/educational-conceptual/critical-theory-visualization

Critical Theory Visualization

This project offers an interactive visualization of the complex relationships and intellectual contributions within the Frankfurt School of critical theory. It aims to demystify intricate philosophical concepts and encourage deeper engagement with the foundational ideas that challenge societal norms and structures. (Part of the "Teaching Can Something" series).

View Project

/portfolio/digital-journalism-media/digital-journalism-workflow

Digital Journalism Workflow

An insightful interactive infographic illustrating the modern digital journalism workflow. Users can explore various stages of content creation, from data acquisition and narrative structuring to multi-platform distribution, highlighting key tools and methodologies employed in contemporary news production.

View Project

/portfolio/educational-conceptual/project-kafka

Project KAFKA

Project KAFKA (Kittler-Analysis & Filtering Kernel Architecture) is an interactive essay that turns the user's body into a signal for critical analysis. Employing real-time hand tracking via webcam, the experience deconstructs the layers of technological abstraction—from the visual interface to the underlying code, hardware, and network history—that mediate our digital presence.

Inspired by the media philosophy of Friedrich Kittler and Bernard Stiegler, it is an embodied exploration of how our tools shape our thoughts and what it means to be human within a technical system. The project is a self-reflexive artifact, using the very technologies it critiques to reveal their inner workings.

/portfolio/educational-conceptual/philosophical-networks

Philosophical Networks Series

This ongoing series of interactive visualizations maps the complex intellectual history of key philosophical movements and thinkers. Using D3.js, each network graph provides a tangible, explorable interface for understanding the relationships between concepts, figures, texts, and historical events.

The project serves as both an educational tool and an experiment in digital epistemology, exploring how network visualization can reshape our understanding of history from a linear narrative into a dynamic, interconnected system. Users can filter, search, and manipulate the graphs to uncover hidden connections and chart their own path through intellectual history.

View Project

/portfolio/educational-conceptual/socrates-quest-for-knowledge

Socrates' Quest for Knowledge

An educational game simulating philosophical discourse in ancient Athens. Players engage in Socratic dialogues, challenging their critical thinking and logical reasoning skills. The project aims to provide an interactive introduction to Socratic method and classical philosophy.

View Project

/portfolio/educational-conceptual/knowledge-and-research

Knowledge & Research

This interactive module explores fundamental concepts of epistemology and research methodology. Through engaging content, it prompts users to reflect on the nature of knowledge, different forms of inquiry, and challenges in academic research, bridging ancient philosophical perspectives with modern intellectual dilemmas.

View Project

/portfolio/tools-utilities/x-ray-viewer

X-Ray Viewer (Meta)

The X-Ray Viewer is a meta-tool designed to visualize the underlying HTML structure of web elements upon hover. It provides an intuitive way for users to inspect the document object model (DOM), revealing nesting, styling application, and element properties in real-time, aiding in web development and debugging.

About This Tool

/portfolio/tools-utilities/form-builder

Form Builder

This project features a versatile form builder application, empowering users to design custom evaluation forms with dynamic criteria and scoring systems. It streamlines data collection and assessment processes, making it suitable for various analytical or evaluative tasks requiring structured input and customizable metrics.

View Project

/portfolio/tools-utilities/sociogram-studio

Sociogram Studio

An interactive, client-side application for visualizing and analyzing group dynamics. Sociogram Studio empowers educators, researchers, and managers to map interpersonal relationships, identify social structures, and gain deep insights into team cohesion.

The tool calculates advanced metrics like Sociometric Status (Popular, Rejected, etc.) and Betweenness Centrality to reveal hidden influencers and isolates. It also features a powerful Clique Analysis to automatically detect tightly-knit subgroups. All data processing happens in the browser, ensuring 100% user privacy.

You can try the app using this example dataset.

View Project

/portfolio/tools-utilities/curriculum-whiteboard

Curriculum Whiteboard

The Curriculum Whiteboard is an interactive application designed for managing and visualizing university course curriculums. It allows for drag-and-drop course organization across semesters, editing course details (code, name, ECTS, hours, lecturer, syllabus), and tagging courses with customizable categories.

Key features include dynamic ECTS calculation per semester, lecturer workload analysis, and an advanced D3.js-powered network graph to visualize relationships between courses and tags, including co-occurrence links and centrality metrics. The application also supports data import/export for curriculum and workload data.

View Project

/portfolio/digital-journalism-media/traditional-digital-journalism

Traditional and Digital Journalism

An analytical comparison illustrating the evolution and divergence between traditional and digital journalism paradigms. This project explores key distinctions in content creation, dissemination, and audience engagement, offering insights into the transformative impact of technology on news production and consumption.

View Project