Maintenance Log on Jesper Andersen - Blog & DevLog

Maintenance Log Frontend - Fifteenth Week: Frontend Final Wrap-Up (From Kickoff to Deployed App)

cph-ja472@stud.ek.dk (Jesper Andersen) — Mon, 01 Jun 2026 00:00:00 +0000

Devlog Week 15: Frontend Final Wrap-Up (From Kickoff to Deployed App)
#

When I wrote the first frontend entry (Week 9), the React app was basically a shell: Vite setup, a layout route, a drawer menu, and a couple of placeholder pages driven by mock data.

Maintenance Log Frontend - Fourteenth Week: Manager/Admin Flows, Create Pages, and Session Expiry Handling

cph-ja472@stud.ek.dk (Jesper Andersen) — Wed, 20 May 2026 00:00:00 +0000

Devlog Week 14: Manager/Admin Flows, Create Pages, and Session Expiry Handling
#

This entry covers the manager/admin-facing workflows (create pages and domain admin actions), and ends with a centralized error-handling + session expiry (token expiration) flow to keep UX consistent across the app.

Maintenance Log Frontend - Thirteenth Week: Employee Lists, Log Views, and LogCard Refactor

cph-ja472@stud.ek.dk (Jesper Andersen) — Mon, 18 May 2026 00:00:00 +0000

Devlog Week 13: Employee Lists, Log Views, and LogCard Refactor
#

This entry focuses on the employee list + employee log viewing flows, plus a refactor of LogCard to support reuse across more contexts (and avoid invalid nested interactive elements).

Maintenance Log Frontend - Twelfth Week: User Profiles, Employee Admin Actions, and Form Patterns

cph-ja472@stud.ek.dk (Jesper Andersen) — Sat, 16 May 2026 00:00:00 +0000

Devlog Week 12: User Profiles, Employee Admin Actions, and Form Patterns
#

This entry covers the employee-facing parts of the UI: profile views, edit flows, admin actions, and the form patterns used to keep components maintainable.

What Changed
#

UserProfile supports both “me” and viewing other employees via dynamic route params
Profile page extracted into focused subcomponents:
- EditProfileForm, AdminActions, PasswordChangeForm
Form handling uses a mix of controlled inputs and a FormData approach (when appropriate)
useEffect race-condition prevention via an ignore flag to avoid setting state after unmount
Admin-only employee actions (deactivate/reactivate) gated by role and disallowed on own profile

User Profile: “Me” vs “Other Employee”
#

The profile route supports multiple entry points:

Maintenance Log Frontend - Eleventh Week: Assets, Logs, Filtering, and Creating Maintenance Entries

cph-ja472@stud.ek.dk (Jesper Andersen) — Tue, 12 May 2026 00:00:00 +0000

Devlog Week 11: Assets, Logs, Filtering, and Creating Maintenance Entries
#

This entry focuses on the asset/log workflow: fetching real data from the API, filtering lists, displaying asset details, and adding log creation behind role checks.

What Changed
#

AssetList now fetches from the real backend API
Active/inactive filtering implemented via a reusable Select component
AssetDetail fetches asset + logs in parallel using Promise.all
Status and task type filters wired to server-side filtering
“Create log” is role-gated (TECHNICIAN+) and also hidden for inactive assets
CreateLog includes client-side validation and prevents double-submit
CSS Modules adopted for scoped styling

Asset List: Fetch + Filter Pattern
#

AssetList implements a reusable pattern used elsewhere in the frontend:

Maintenance Log Frontend - Tenth Week: Frontend Auth, Routing, and API Client Structure

cph-ja472@stud.ek.dk (Jesper Andersen) — Fri, 08 May 2026 00:00:00 +0000

Devlog Week 10: Frontend Auth, Routing, and API Client Structure
#

This entry covers the “plumbing” for the React frontend: the route layout, guarded routes by role, auth rehydration, and an API layer split by domain.

What Changed
#

Vite + React + React Router setup with a domain-organized structure (pages/, components/, utils/, context/, styles/)
Declarative nested routing with a layout route and <Outlet />
Auth context for user state, token rehydration, and role checks
ProtectedRoute component for nestable route protection
API layer split by domain with a shared apiRequest() helper

Routing: Nested Layout + Guards
#

The router is set up as nested routes:

Maintenance Log Frontend - Ninth Week: React Frontend Kickoff (Vite, Routing, Layout)

cph-ja472@stud.ek.dk (Jesper Andersen) — Mon, 04 May 2026 00:00:00 +0000

Devlog Week 9: React Frontend Kickoff (Vite, Routing, Layout)
#

This week starts the frontend phase of the Maintenance Log project. The focus was not new domain functionality yet, but establishing a clean React baseline: routing, layout composition, reusable UI building blocks, and a consistent styling foundation.

Maintenance Log - Final Backend Week

cph-ja472@stud.ek.dk (Jesper Andersen) — Thu, 09 Apr 2026 00:00:00 +0000

Devlog Week 8: Final Backend Hardening & Reflection
#

This is my last backend-focused post before I shift to a React frontend. This week wasn’t about new domain features — it was about hardening what I already built: tightening a security flaw, centralizing validation, and cleaning up the external API seeding integration.

Maintenance Log - Seventh Week: Deployment, CI/CD & Running It For Real

cph-ja472@stud.ek.dk (Jesper Andersen) — Sun, 29 Mar 2026 00:00:00 +0000

Devlog Week 7: Deployment, CI/CD & Running It For Real
#

This week was all about getting the project out of my IDE and onto an actual server. The goal wasn’t to add new domain features — it was to make the API build, ship, and update automatically.

Maintenance Log - Sixth Week: JWT Authentication & Role-Based Authorization

cph-ja472@stud.ek.dk (Jesper Andersen) — Mon, 23 Mar 2026 00:00:00 +0000

Devlog Week 6: JWT Authentication & Role-Based Authorization
#

This week was entirely dedicated to building a deployment-ready authentication and authorization system. No new domain features—just securing everything that already exists. The focus was on JWT tokens, role hierarchies, and integrating security seamlessly into the existing architecture without breaking tests or existing functionality.

Maintenance Log - Fifth Week: Interface Refinement, REST API Testing & The Mapper Pattern

cph-ja472@stud.ek.dk (Jesper Andersen) — Mon, 16 Mar 2026 00:00:00 +0000

Devlog Week 5: Interface Refinement, REST API Testing & The Mapper Pattern
#

This week marked a significant shift from building features to refining architecture and establishing a robust testing foundation. The focus was on three major areas: granular interface design following ISP principles, comprehensive REST API testing with RestAssured, and implementing the DTO mapper pattern.

Maintenance Log - Fourth Week: Building a Production-Style REST API

cph-ja472@stud.ek.dk (Jesper Andersen) — Mon, 09 Mar 2026 00:00:00 +0000

Devlog Week 4: Building a Production-Style REST API
#

Welcome back! This week was all about taking the solid persistence layer and API integration work from previous weeks and exposing it all through a proper REST API. The goal: build a complete, well-architected HTTP interface using Javalin 7.0.1 that follows REST principles and industry best practices.

Maintenance Log - Third Week: External API Integration & Concurrent Processing

cph-ja472@stud.ek.dk (Jesper Andersen) — Thu, 26 Feb 2026 00:00:00 +0000

Devlog Week 3: External API Integration & Concurrent Processing
#

Alright, welcome back! After a little bit of a break due to unforeseen circumstances, I’ve now continued my work on this little project of mine. The goal this week was to integrate and fetch some data from an external API and use it somehow — so, without further ado:

Maintenance Log - Second Week: Relations, DAOs & Exception Handling

cph-ja472@stud.ek.dk (Jesper Andersen) — Fri, 13 Feb 2026 00:00:00 +0000

Devlog Week 2: Relations, DAOs & Exception Handling
#

So, welcome to this second entry of my Devlog. Without further ado, let’s continue into this week’s additions.

Relations, DAOs and exception handling
#

This week’s primary goal was to get the necessary relations between my entities up and running, begin to finalize the DAOs for each, and integrate interfaces both for simple CRUD and for specific queries across the board. After that, the project looked a bit like this:

Maintenance Log - First Week: Project Kickoff & Scope

cph-ja472@stud.ek.dk (Jesper Andersen) — Fri, 06 Feb 2026 00:00:00 +0000

Devlog Week 1: Project Kickoff & Scope
#

So, first of all, welcome to this first week post of the development of my little maintenance log. Just for posterity, let’s start with what is in my README for the project, since that actually breaks down what it is:

Maintenance Log on Jesper Andersen - Blog & DevLog

Maintenance Log Frontend - Fifteenth Week: Frontend Final Wrap-Up (From Kickoff to Deployed App)

Devlog Week 15: Frontend Final Wrap-Up (From Kickoff to Deployed App) #

Maintenance Log Frontend - Fourteenth Week: Manager/Admin Flows, Create Pages, and Session Expiry Handling

Devlog Week 14: Manager/Admin Flows, Create Pages, and Session Expiry Handling #

Maintenance Log Frontend - Thirteenth Week: Employee Lists, Log Views, and LogCard Refactor

Devlog Week 13: Employee Lists, Log Views, and LogCard Refactor #

Maintenance Log Frontend - Twelfth Week: User Profiles, Employee Admin Actions, and Form Patterns

Devlog Week 12: User Profiles, Employee Admin Actions, and Form Patterns #

What Changed #

User Profile: “Me” vs “Other Employee” #

Maintenance Log Frontend - Eleventh Week: Assets, Logs, Filtering, and Creating Maintenance Entries

Devlog Week 11: Assets, Logs, Filtering, and Creating Maintenance Entries #

What Changed #

Asset List: Fetch + Filter Pattern #

Maintenance Log Frontend - Tenth Week: Frontend Auth, Routing, and API Client Structure

Devlog Week 10: Frontend Auth, Routing, and API Client Structure #

What Changed #

Routing: Nested Layout + Guards #

Maintenance Log Frontend - Ninth Week: React Frontend Kickoff (Vite, Routing, Layout)

Devlog Week 9: React Frontend Kickoff (Vite, Routing, Layout) #

Maintenance Log - Final Backend Week

Devlog Week 8: Final Backend Hardening & Reflection #

Maintenance Log - Seventh Week: Deployment, CI/CD & Running It For Real

Devlog Week 7: Deployment, CI/CD & Running It For Real #

Maintenance Log - Sixth Week: JWT Authentication & Role-Based Authorization

Devlog Week 6: JWT Authentication & Role-Based Authorization #

Maintenance Log - Fifth Week: Interface Refinement, REST API Testing & The Mapper Pattern

Devlog Week 5: Interface Refinement, REST API Testing & The Mapper Pattern #

Maintenance Log - Fourth Week: Building a Production-Style REST API

Devlog Week 4: Building a Production-Style REST API #

Maintenance Log - Third Week: External API Integration & Concurrent Processing

Devlog Week 3: External API Integration & Concurrent Processing #

Maintenance Log - Second Week: Relations, DAOs & Exception Handling

Devlog Week 2: Relations, DAOs & Exception Handling #

Relations, DAOs and exception handling #

Maintenance Log - First Week: Project Kickoff & Scope

Devlog Week 1: Project Kickoff & Scope #

Devlog Week 15: Frontend Final Wrap-Up (From Kickoff to Deployed App)
#

Devlog Week 14: Manager/Admin Flows, Create Pages, and Session Expiry Handling
#

Devlog Week 13: Employee Lists, Log Views, and LogCard Refactor
#

Devlog Week 12: User Profiles, Employee Admin Actions, and Form Patterns
#

What Changed
#

User Profile: “Me” vs “Other Employee”
#

Devlog Week 11: Assets, Logs, Filtering, and Creating Maintenance Entries
#

What Changed
#

Asset List: Fetch + Filter Pattern
#

Devlog Week 10: Frontend Auth, Routing, and API Client Structure
#

What Changed
#

Routing: Nested Layout + Guards
#

Devlog Week 9: React Frontend Kickoff (Vite, Routing, Layout)
#

Devlog Week 8: Final Backend Hardening & Reflection
#

Devlog Week 7: Deployment, CI/CD & Running It For Real
#

Devlog Week 6: JWT Authentication & Role-Based Authorization
#

Devlog Week 5: Interface Refinement, REST API Testing & The Mapper Pattern
#

Devlog Week 4: Building a Production-Style REST API
#

Devlog Week 3: External API Integration & Concurrent Processing
#

Devlog Week 2: Relations, DAOs & Exception Handling
#

Relations, DAOs and exception handling
#

Devlog Week 1: Project Kickoff & Scope
#