← {Portfolio}
{Web app: 01}

Luvena ERP

An employee portal for reviewing daily activity logs, timesheets and leave, installable on desktop and mobile as a PWA.

{Client}
Luvena
{Type}
Internal web application
{Stack}
Angular 17, PWA, WordPress backend
{Design}
Implemented from Figma
{Year}
[YEAR]
{Access}
Login required
Login
{Login} — sign-in by personal number, adapted to the Angular front-end
Employees
{Employees} — search by name or number, with links to hours and card activity
Timesheet
{Timesheet} — vacation and overtime tiles above the work time summary
Activity
{Activity} — daily card activity log, filtered by date

{Overview}

Personnel status and activity in one place

The portal lets staff review and filter daily activity logs, manage timesheet summaries and see detailed leave status. It is built as an Angular front-end on top of WordPress, which handles users and imports the CSV files that feed the application.

{What I built}

  • The Angular 17 application, built from Figma designs as a PWA
  • Desktop and mobile layouts, with the option to install the portal as an app
  • A cyclical import that uses WordPress to process CSV files as the data source
  • New WordPress user roles specific to the application
  • Login and registration adapted to work with the Angular front-end

{Highlight: Data flow}

From CSV files to a portal in your pocket

  1. {Source} CSV files The primary data source, imported cyclically.
  2. {Backend} WordPress Processes the imports and handles custom user roles and login.
  3. {Front-end} Angular 17 PWA Activity logs, timesheets and leave, on desktop and mobile.

{Mobile view}

The same portal, installed on a phone

Login
{Login}
Work time summary
{Work time summary}
Employee list
{Employee list}
Card activity
{Card activity}

{Takeaways}

[The hardest part of the project and what you learned from it, for example keeping imported CSV data reliable, or joining WordPress login with Angular.]

{mattstudio}

Thanks for
looking.

← {Back to portfolio}