"Simply put, the difference is that non-functional (technical) requirements describe how the system works, while functional requirements describe what the system should do."
So let's define our requirements. The list below may contain also some functional requirements that affects architecture or design.
Time Tracker users don't want to lose their data and the app will be used as a live Seed example, so:
The app should be available worldwide without limitations and ideally with the same performance and latency.
The hosting should be free or very cheap.
The app content (labels, images, etc.; not user data) may be hard-coded - English would be the only language. (See the example i18n when you need to support more languages.)
The app should be reliable to not disrupt user work - especially while the user is tracking time.
User data have to be stored securely and reliably.
SEO is not important - we don't need prerendering or server-side rendering.
The app don't have to respect all accessibility best practices - we assume that the most of users will be developers without disabilities and accessibility itself is out-of-scope of this tutorial.
We don't have to use any existing backend.
We don't have to follow any branding guidelines or design systems.
The maintenance should be as easy as possible. We don't want to care about servers, hosting, regular updates, etc.
The responsive GUI would be nice, but it's not the top priority.
We don't want to integrate a cookie banner. The app should use only strictly necessary cookies.
We expect that users won't create many entities and that the traffic amount won't be very high. However scalability would be nice.
We don't need any realtime communication. It means we don't have to integrate something like WebSockets or Server-sent events.
We don't have to support old or "exotic" browsers.
We don't need to support "offline mode" (The app is usable even without internet connection). However it would be a reasonable future requirement for the time tracking app - then we should look also at Progressive Web Apps and their builders like Woz.
We can use external managed services (identity providers, mail senders, databases, ...)
We don't want to register a custom domain. Something like time-tracker.static_site_hosting.com
would be enough.
Let's move to architecture before we forget all specifications and requirements...