I’m a System Analyst who turns business requirements into clear technical logic, and now engineers them into working software with Python, Node.js, Angular, and Flutter. Every project below is a functional demo you can try, backed by real source code.
For nearly two years as a System Analyst at SourceCode Co., Ltd., I wrote API specifications, designed sequence diagrams, and translated ambiguous business requirements into clear, buildable logic.
Today I turn that same logic into working software myself. Every project in this portfolio is a functional application you can try in the browser, then read the source code that powers it.
Click any card to see how I approach that area and the tools I use.
I start from the business need, break it into rules, states, and flows, then capture it as specifications and sequence diagrams the whole team can build against, with no guesswork.
I design REST APIs the way I used to specify them: clear endpoints, validated inputs, and correct status codes, with authentication that actually protects each route.
I model data around real-world relationships, query it with SQL, and turn raw CSVs into clear dashboards with pandas and matplotlib so teams can make decisions.
I build component-based interfaces in Angular and Tailwind, and mobile screens in Flutter, each mapped to its API so frontend and backend stay in sync.
Five applications I built, one per technology. Open a card for a working demo and the source code behind it.
A native desktop task manager built with Tkinter. Add tasks with priorities, check them off, and everything is saved to JSON.
Reads a sales CSV with pandas and renders a four-panel matplotlib dashboard. The chart in the demo is the real generated output.
A storefront built as an Angular 17 component with signal-based state: live search, category filters, and add-to-cart, styled in Tailwind.
A full CRUD REST API in Node.js and Express. Send real GET, POST, PUT, and DELETE requests in the demo and inspect every response.
A Material 3 to-do app in Flutter. Add, complete, and remove tasks, with a floating action button and live counters.
Design-to-dev handoff: UI screens mapped to their API contracts in Figma, so frontend and backend build from one source of truth.
▲ Real output generated by python_csv_dashboard.py (pandas + matplotlib)# Choose a method and press Send
In this Figma file I designed the product's UI screens and mapped each one to its API contract, covering endpoints, methods, and payloads, so the frontend and backend teams build from a single, agreed source of truth.
Open the design in Figma ↗