Project — 03
API fetching
A school project built to learn Angular and working with HTTP APIs: sign in as any user that exists in the DummyJSON database, browse the full directory and inspect profiles — while the app quietly counts your clicks and times the whole session.
Angular / TypeScript / DummyJSON API
View code01 — Session flow
One session, end to end
Only three screens, but they trace a full loop: borrow an identity to get in, browse and inspect the directory while the app logs your activity, and on the way out learn exactly how long you stayed. The interface speaks Slovak — it was built for a school course back home. Click any screen to take a closer look.
01 — Login
Sign in as anyone
The gate into the app — with a twist: there are no passwords. The form asks for the first and last name of any user that exists in the DummyJSON database, checks the pair against the API, and starts a tracked session under that identity.
02 — Directory
Browse, filter, inspect
The heart of the app. All 207 users are fetched from the API into a scrollable directory that can be filtered by surname. Opening a record reveals the full profile — avatar, username, birth date, university, even MAC and IP address — while the header counts clicks and a history panel timestamps every detail viewed.
03 — Logout
Every second counted
Logging out closes the loop. The session ends, the history wraps up, and the login screen greets you with one last stat — exactly how long the visit lasted, down to the second.
Session ended — 00:00:24