ui-interaction

Map SDK를 활용한 POI Clustering Interaction Dev

UI 인터랙션 → 웹 테크 콘서트 2019 발표 자료

A filterable image gallery built with HTML, CSS, and JavaScript. Users can dynamically filter images by category with smooth transitions and responsive layout. Ideal for portfolios, product showcases, or photo collections

An interactive GSAP and Draggable toggle animation featuring an annoyed virtual bear, a swinging lightbulb, and a responsive cord mechanism with smooth physics

A demo project to showcase a mechanism that tracks user UI interactions on a payment page.

Automated API reverse engineering system for web and Android applications

Dynamic todo list React Web App

Responsive Complete UI Interaction Website

Container zur Filterung und Steuerung mehrerer UD-Link-Blöcke basierend auf externen Filterwerten.

A static pizza catalog with a shopping cart built using pure HTML, CSS and Vanilla JavaScript. Users can select pizza size and quantity via a modal, add items to the cart, and see automatic price calculation with subtotal, discount and total — fully responsive and frontend-only.

Container zur Filterung und Steuerung mehrerer UD-Accordion-Blöcke basierend auf externen Filterwerten.

Some UI Interactions

🐺 Site interativo desenvolvido com JavaScript ES6+ puro. Implementa padrões de interface como Tab Navigation, Accordion, Tooltips e Animação ao Scroll via manipulação direta do DOM.

Work in progress Portfolio

A lightweight React audio library providing interactive UI sound effects and a customizable Sound Lab control panel.

A simple JavaScript-based drag and drop functionality implementation. This project allows users to drag items across the screen and drop them into designated areas. It's a great demonstration of how to create interactive UI components using vanilla JavaScript.

feat: built state-based JavaScript calculator with DOM manipulation - Add support for real-time input handling with cursor control - Handle basic arithmetic operations and error states - Introduce application state management for expression handling - Add calculation history tracking (console-based) - Improve UI interaction using event-driven archi

Doing the front end mentor challenges to improve skills

Shake to Color is an Android app that uses the accelerometer and SensorManager API to detect shake gestures. On each shake, it calculates motion intensity and updates the UI background with a random RGB color, showcasing real-time sensor handling and dynamic UI updates using Java and Android SDK.