/portfolio/overview
Projects & Explorations
My projects blend together digital media, interactive tools, and educational experiments—each one a curious exploration at the intersection of technology, design, and social understanding.
I build these digital playgrounds in collaboration with Anthropic's Claude to investigate how humans (including me) and technology interact, creating systems that reveal patterns in our collective experiences and behaviors.
These works aren't just tools or websites; they're windows into how we communicate, learn, and connect in the digital age.
They reflect my fascination with making complex concepts tangible through interactive experiences.
Here are some of my favorite works so far—feel free to explore and interact with them.
/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.
Technologies Used:
HTML5
CSS3
JavaScript
Responsive Design
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.
Technologies Used:
HTML5 Canvas
JavaScript
CSS3 Animations
File API
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).
Technologies Used:
HTML5
CSS3
JavaScript (D3.js for visualization)
SVG
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.
Technologies Used:
HTML5
CSS3
JavaScript
Interactive UI/UX
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.
Technologies Used:
HTML5
CSS3
JavaScript
Game Logic
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.
Technologies Used:
HTML5
CSS3
JavaScript
Conceptual Design
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. (Note: This is a conceptual description of a tool you built; its live functionality would require integration.)
Technologies Used:
JavaScript (DOM Manipulation)
CSS3
Browser Developer Tools Integration (Conceptual)
About This Tool
Live preview not applicable for this tool description.
/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.
Technologies Used:
HTML5
CSS3
JavaScript (Dynamic Form Generation)
Local Storage (Conceptual)
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.
Technologies Used:
HTML5
CSS3
JavaScript (Interactive Elements)
Information Architecture
View Project