My Keeper
Note & Task Manager
Capture a note in one keystroke and manage the whole board without leaving the page.
A React note manager with full create, read, update and delete over component state, an expanding composer that stays collapsed until focused, and a responsive card board. Deployed on Vercel.
The Problem
Note-taking stops being useful the moment capture costs a page load. The composer has to stay one keystroke away and out of the way the rest of the time.
System Architecture
Architecture design
Illustrative paths, not live telemetry.
Architecture overview. No node selected.
Full network reference
User
Browser
Kind: client
Incoming (0)
None in this diagram
Outgoing (1)
- React Appflow
React App
Keeper UI
Kind: client
Outgoing (2)
- Composerflow
- Note Boardflow
Composer
Expanding input
Kind: client
Incoming (1)
- React Appflow
Outgoing (1)
- Note Stateflow / create
Note Board
Card grid
Kind: client
Incoming (2)
- React Appflow
- Note Statefeedback
Outgoing (1)
- Note Stateflow / edit / delete
Note State
CRUD in React
Kind: service
Incoming (2)
- Composerflow / create
- Note Boardflow / edit / delete
Outgoing (1)
- Note Boardfeedback
Vercel
Static hosting
Kind: cloud
Incoming (0)
None in this diagram
Outgoing (1)
- React Appdeploy
What I Engineered
- Implemented full create, read, update and delete over React component state, with no page reload between operations.
- Built an expanding composer that stays collapsed until focused, keeping the board readable when it is idle.
- Laid the notes out on a responsive card board and shipped it on Vercel.
Impact & Scale
- Create, edit and delete without a page reload
- One-keystroke capture through the expanding composer
- Publicly deployed and reachable on Vercel
Stack
Portfolio context
Open to AI Software Development & Platform Engineering roles
Need someone who ships systems like this into production?