My Projects

Logism (Java; Sophmore, 2018)

Live

A 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)

Live

Shameless 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 Soon

A todo list app with a chatbot that helps users manage their tasks and get answers about the app.

Pomodoro Timer (React; May 2026)

Live

A beautiful Pomodoro timer with circular progress ring, multiple modes (work, short break, long break), and session tracking.

Color Palette Generator (React; May 2026)

Live

Generate harmonious color palettes using different color schemes. Lock colors you like and regenerate the rest.

Markdown Previewer (React; May 2026)

Live

A 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)

Live

A 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)

Live

Test your typing speed and accuracy with programming-related sentences. Real-time WPM, accuracy, and timer tracking.

Weather Dashboard (React; May 2026)

Live

A beautiful weather dashboard with simulated data for cities worldwide. Shows current conditions, details, and 5-day forecasts.

Unit Converter (React; May 2026)

Live

Convert between units of length, weight, temperature, speed, and data storage with bidirectional instant conversion.

Habit Tracker (React; May 2026)

Live

Track daily habits with a visual grid, streak counting, and completion rates. Weekly and 30-day views.

Flashcard Quiz (React; May 2026)

Live

Study JavaScript, React, System Design, and CS fundamentals with interactive flip-card flashcards and score tracking.

ASCII Art Generator (React; May 2026)

Live

Convert 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)

Live

Roll dice from D4 to D20 with animated results, roll history, and running statistics like average, highest, and lowest.

Stopwatch (React; May 2026)

Live

A precise stopwatch with millisecond accuracy, lap recording, and best/worst lap highlighting. Uses timestamps for zero drift.

Gradient Generator (React; May 2026)

Live

Create 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)

Live

A 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.

Watchlist ๐Ÿ“ˆ