My Projects
Logism (Java; Sophmore, 2018)
LiveA drag-and-drop circuit design tool to simulate electronic circuits in real-time. This project was for professor Posnette`s CS 131 software engineering course
blog app (React; Junior, 2020)
LiveShameless twitter clone where users can create read and update blog posts. Made with React, Express and Firebase.
todo list app and chatbot (React; March 2026)
Coming SoonA todo list app with a chatbot that helps users manage their tasks and get answers about the app.
Pomodoro Timer (React; May 2026)
LiveA beautiful Pomodoro timer with circular progress ring, multiple modes (work, short break, long break), and session tracking.
Color Palette Generator (React; May 2026)
LiveGenerate harmonious color palettes using different color schemes. Lock colors you like and regenerate the rest.
Markdown Previewer (React; May 2026)
LiveA live split-pane markdown editor with real-time preview, word count, and support for tables, code blocks, and more.
Pixel Art Editor (React; May 2026)
LiveA browser-based pixel art canvas with paint, eraser, flood fill tools, adjustable grid sizes, and a preset color palette.
Typing Speed Test (React; May 2026)
LiveTest your typing speed and accuracy with programming-related sentences. Real-time WPM, accuracy, and timer tracking.
Weather Dashboard (React; May 2026)
LiveA beautiful weather dashboard with simulated data for cities worldwide. Shows current conditions, details, and 5-day forecasts.
Unit Converter (React; May 2026)
LiveConvert between units of length, weight, temperature, speed, and data storage with bidirectional instant conversion.
Habit Tracker (React; May 2026)
LiveTrack daily habits with a visual grid, streak counting, and completion rates. Weekly and 30-day views.
Flashcard Quiz (React; May 2026)
LiveStudy JavaScript, React, System Design, and CS fundamentals with interactive flip-card flashcards and score tracking.
ASCII Art Generator (React; May 2026)
LiveConvert text into ASCII art with multiple font styles โ block, shadow, slant, mini, and banner. Copy output for READMEs and terminals.
Dice Roller (React; May 2026)
LiveRoll dice from D4 to D20 with animated results, roll history, and running statistics like average, highest, and lowest.
Stopwatch (React; May 2026)
LiveA precise stopwatch with millisecond accuracy, lap recording, and best/worst lap highlighting. Uses timestamps for zero drift.
Gradient Generator (React; May 2026)
LiveCreate CSS gradients visually with linear, radial, and conic types, adjustable angles, multiple color stops, and copy-ready CSS output.
Drum Machine (React + Web Audio API; May 2026)
LiveA 16-step beat sequencer with 8 live-synthesized instruments, BPM/swing controls, tap tempo, mute/solo, volume per track, and pattern presets. Zero audio files.