Note Taker App
master
master
v
0.0.0
Note Taker App
Allows users to sign up, sign in, and manage notes.
Info
Context views
Container views
Component views
Dependencies
Note Taker App - Containers
Note Taker App - Containers
Note Taker App
[system]
React
Frontend
[React,
Browser]
A
React
SPA
for
user
interactions.
Backend
API
[Node.js,
Hono,
Cloudflare
Workers]
Handles
auth,
note
CRUD,
and
sharing.
User
A
person
who
writes,
edits,
and
shares
notes.
D1
Database
Stores
users,
notes,
and
sharing.
Uses
via
browser
Sends
requests
(CRUD,
Auth,
Share)
Executes
queries
Legend
▯
person
▯
system
▯
container
▯
system boundary
Note Taker App - Containers
Container diagram showing major elements
Note Taker App - Containers
Note Taker App - Containers
Note Taker App
[system]
React
Frontend
[React,
Browser]
A
React
SPA
for
user
interactions.
Backend
API
[Node.js,
Hono,
Cloudflare
Workers]
Handles
auth,
note
CRUD,
and
sharing.
User
A
person
who
writes,
edits,
and
shares
notes.
D1
Database
Stores
users,
notes,
and
sharing.
Uses
via
browser
Sends
requests
(CRUD,
Auth,
Share)
Executes
queries
Legend
▯
person
▯
system
▯
container
▯
system boundary
Note Taker App - Containers [
svg
|
png
|
puml
]