Ionic Angular App
Hooloy SmartPEP
Cross platform app with Ionic/Angular as part of the SmartPEP human resources management software made by Hooloy. |
| Client |
Hooloy / UW Service GmbH |
| Tech |
- JavaScript
- HTML & CSS
- PHP (Backend)
|
Programming of a cross platform smartphone app based on Ionic Framework and Angular. The app is part of the human resources management system SmartPEP by Home Of Loyalty. With the App Crew-Cockpit employees can check their shifts, manage vacations, tasks and appointments.
My work consisted in the implementation of the vacation management, events calendar, appointments calendar, settings, store and user login and small adjustments on the theming.
Requirements
- Cross Platform with Ionic Framework and Angular
- API driven (no state)
- custom calendar component
- events & appointments
- shift calendar
- holidays based on store location
- CSS layout
- vacation management
- calculate vacation days based on holidays and working days
- idle detection (auto logout)
- live reload on MQTT events
- dark mode
Dashboard
Once logged in, the employee can access informations about their shifts, tasks, messages, vacations and their time clock.
Employee Dashboard.
Calendars
The calendars are custom made components with a specific layout based on the event type. Employees can check their shifts and get informations about events created by the management.
Employee Shift Calendar.
Employee Events Calendar.
Vacation Requests
Employees can create, edit and delete their vacation requests. The vacation days taken get calculated based on the employees working days and local holidays.
Employee Vacation Management.
Employee Add new Vacation.
Employee Edit Vacation.
Dark mode
The app has a light and a dark theme which can be set either through the apps settings or by using the system defaults.
Employee Dashboard Dark Theme.
Employee Shift Calendar Dark Theme.
Employee Events Calendar Dark Theme.
