Development of an Internal Web Application for the Federal Criminal Police Office
Development of a performant web application for managing an extensive data storage system for tape drives
BKA - Internal Webapplikation
The project was commissioned by E-Projekte GmbH and implemented for the Federal Criminal Police Office. The goal was to develop an internal web application that enables employees of the Federal Criminal Police Office to efficiently manage and display an extensive data storage system for tape drives.
An existing system was completely replaced by a modern, performant solution that offers both an intuitive user interface and a scalable backend architecture.
The Project
- Period: August 2019 – January 2020
- Role: Senior Frontend and Backend Developer
- Client: BKA - Federal Criminal Police Office (via E-Projekte GmbH)
- Team: 1 Developer
- Project Technologies: Laravel, Vue.js, Git, JavaScript, HTML, SCSS
- Methodology: Scrum
Project Description
As a Senior Frontend and Backend Developer, I was responsible for the complete development of an internal web application for the Federal Criminal Police Office on behalf of E-Projekte GmbH. The project aimed to replace an outdated system for managing an extensive data storage system for tape drives with a modern, performant solution.
In my role as the sole developer, I handled the entire technical implementation – from the backend with Laravel to the frontend with Vue.js, including the development of a REST API that serves as an interface for additional applications. The application had to meet the highest security requirements as it processes sensitive data for a high-security agency.
Particular challenges included ensuring performance with large data volumes, implementing comprehensive security mechanisms, and creating an intuitive user interface. By using modern technologies and best practices, I was able to develop a scalable and maintainable solution that meets all requirements.
Challenges and Solutions
Security
As a high-security agency, the Federal Criminal Police Office had particularly strict requirements for protecting sensitive data and secure access to the application.
Solution: Implementation of multi-factor authentication (MFA), encryption of sensitive data (in transit and at rest), and role-based access controls. Additionally, regular security tests and code audits were conducted to identify and fix vulnerabilities early.
Performance and Access Speed
The application had to ensure high performance as large amounts of data from tape drives had to be processed and displayed.
Solution: Use of Laravel for performant database queries, caching mechanisms, and optimized backend processes, as well as lazy loading in the frontend to load only relevant data on demand.
Data Volumes and Scalability
The system had to handle a large amount of archived data without compromising the user experience.
Solution: Development of a scalable architecture with efficient database models, pagination for table views, and server-side filtering.
User-Friendliness
The new user interface had to be designed intuitively and functionally to enable quick onboarding of employees.
Solution: Use of Vue.js to create a responsive and interactive user interface, combined with clear UI patterns and optimized navigation.
Results
The developed web application successfully replaced the old system and provided a modern, efficient solution for managing the tape drive storage system. The application met all security requirements and received positive feedback from users for its ease of use and performance. The project demonstrated my ability to work on sensitive government projects and deliver secure, reliable solutions.