All projects

Project image for: corpuls.mission REPORT

corpuls.mission REPORT

A new module called corpuls.mission REPORT is being developed for documentation. corpuls is developing a web app, mobile apps for iOS and Android as well as the corresponding backend for this module, focusing on a good UX (user experience). We use familiar schemes for medical personnel such as FAST and ABCDE and offer them in such a way that they can be filled out easily and quickly on a PC as well as on a tablet. Our team is responsible for the development of the web app. For the web interface we rely on the Angular framework, the programming itself is done with TypeScript. The backend is built on a Spring boot application with Java and provides REST interfaces, as well as web sockets for the various clients. As for the database, we use a MongoDB. Since the application is used worldwide, we implemented an internationalized hybrid that offers each client a high degree of customizability of the terminologies.

Project image for: Company Website

Company Website

First of all, we had to shift the focus of our website from two individual freelancers to nunu-web as a whole. Therefore we removed the individual profiles from our website and designed a new webpage structure that represents primarily nunu-web and it's projects with a hint to who worked on these projects.In order to add and edit the content for our website and profiles simply we decided to use a headless CMS (content management system). It holds one common data set for the website and profiles. This way we no longer have to edit our website and profile PDFs individually.As we don't hesitate to work with English speaking companies we also decided to ship our website and profiles in German as well as in English.Last but not least the contact possibilities need to get redesigned. In the future a prospect has two contact optionsif we are free for contracting, there is a contact form, orif not, there is a hint to subscribe for an "availability" newsletter.In both cases you get to know, when we are free for contracting. SanityIO was used as our headless CMS. Sanity is a very lightweight and customizable CMS in which we store data about e.g. projects and authors in German and English. This way we have the possibility to store all data easily in one place and use it for the website and profile PDFs. For the frontend we used NextJS with static side generation that is built on ReactJS because it gives us the look & feel of a web app, the performance of a static website and advantages in SEO (search engine optimization). The UI/UX design is made with Figma and implemented/generated with TailwindCSS. Every page is generated dynamically by the data fetched from Sanity. We also implemented meta-, opengraph and jsonld-tags for every page to optimize SEO and preview cards. When you open the website without a path the preferred browser language is used. You can also switch between languages in the header bar. Our profile PDFs are now generated dynamically from HTML with the data from Sanity. Still to come: Prospects are currently able to contact us on our website by booking an appointment via Calendly. While Calendly is a super handy tool, we get too many messages - not only from real persons. The new approach provides a contact page that renders (depending on project end dates from Sanity) a contact or a (free for contracting) newsletter signup form.

Project image for: High-Performance Cache

High-Performance Cache

Our team developed a high-performance cache that is designed to manage hotel room data based on external data and internal business factors. This cache provides a vast range of listings that can be refined by options such as occupancy and customer markets, allowing customers to swiftly locate an appropriate hotel room within their desired area. We developed a series of microservices with Spring Boot to operate this cache and deploy them to an AWS Kubernetes cluster. We also established Lambda functions to take in SQS and SNS streams from the enterprise and route them to the core Kafka message bus for further processing. The final step was to put the data into a DynamoDB so that it could be available for search queries.

Project image for: Tariff Calculator

Tariff Calculator

The existing web-based and absent tariff calculators need to be restructured and executed in agreement with the current inner procedures and with optimal performance. We developed several apps utilizing Angular. I worked on behalf of four teams and incorporated a variety of Angular components for diverse tariff calculators, utilizing our in-house produced UI components. Not only did we upgrade the look and feel of the frontend - we also introduced tools such as A/B testing to enhance customer contentment and improved automated error logging to respond even quicker to technical issues in production.

Project image for: Interfaces Development

Interfaces Development

To significantly decrease the amount of time it takes to process an order, a direct link must be established. An interface should be created to facilitate this. During the initial conversations, the details for the new interfaces were already outlined and it was determined that REST ought to be used for transferring information and reporting statuses. Since the service was unable to offer the interfaces yet, a microservice was put in place to imitate the identified interfaces and provisionally support the development and testing procedures.

Project image for: Application Process Automation

Application Process Automation

In order to make the submission, review and approval of grant applications more efficient, they should be processed through a modern web interface that is accessible to both applicants and public service processors. Using RPA to partially automate the approval process and manage access, a multi-step web forms platform was developed to allow access for specific individuals based on the step in the process.

Project image for: Knowledge Transfer Angular

Knowledge Transfer Angular

I supported 2 teams, in which I implemented an admin dashboard for graphical analysis of internal data and assisted on the frontend in processing user stories. In addition, I held a 2-day Angular workshop for a group of ~10 Java backend developers. The workshop was divided into theoretical and practical phases so that the participants could immediately apply and expand their knowledge. An introduction to Angular, Angular Router, Observables, Angular Forms (template-driven and reactive), Angular Architecture (Components, Inputs and Outputs, ContentChildren and ViewChildren), and Angular Material were covered.

Project image for: Release Process Management

Release Process Management

An automated solution was required to send a large number of hotel rooms through an approval process that adhered to rules, and then to offer them through multiple sales channels to the end consumer. The rules were defined, managed, and configured using an application built in Angular 8 and Spring Boot. The application was built by constant exchange with other teams.

Project image for: Whitepaper Portal

Whitepaper Portal

We created a web-based platform that offers whitepapers as PDF files and podcast episodes. It was designed to be practical for both companies and people. We created a responsive single-page application (SPA) which facilitates ongoing collaborative brainstorming and decision-making, regular user feedback, and the utilization of agile strategies and tools. The web application was built on a stack of Angular 8 and NodeJS + ExpressJS, and hosted on Firebase infrastructure. It featured various functionalities such as the ability to upload and download whitepapers, the option to search whitepapers using tags on various innovation topics, automated distribution of content across other popular platforms, automated audio file generation that served as podcasts and also shared on other known platforms, and a high SEO ranking due to server-side rendering (Angular Universal), utilization of HTML tags in line with the rules and backlinks. Robotic Process Automation (RPA) was a major contributor to this. Apart from the PDF document, a white paper must also include additional data such as the author's name, the date of publication and a brief introductory text which will be visible on the page before the file is downloaded. To reduce the amount of user effort, these values were automatically recorded and populated in the form. The audio files were created with a Python script that scanned the PDFs to look for content and categorized it accordingly (like the main text, headlines and captions). An external online service then generated an audio file using a computer-generated voice. This process was done asynchronously, so the podcast could be posted online within an hour of uploading the PDF.

Project image for: Patient Documentation

Patient Documentation

A crucial element of a regulation is the visual assessment of extensive data. This should be depicted through charts and tables. I created a GWT extension to figure out and show the necessary figures. The assignment involved both client-side and server-side components.

Project image for: Travel Booking Web Portals

Travel Booking Web Portals

I supported the processing of various user stories, which was required because of increased workloads. The team used vanilla JavaScript for the frontend and PHP for the backend. Bug fixing was balanced with new development.

Project image for: Vehicles Virtualization

Vehicles Virtualization

Purchasers should be able to view a vehicle from every angle and obtain all technical data and equipment information without being on site by virtualizing the vehicle with as much information as possible. Thanks to RPA, even larger vehicle fleets can benefit from this innovation. A multitude of microservices was created that collects data from several third-party suppliers, using vehicle identification numbers (VINs). The information collected from these providers is analysed, classified, and summarised in order to achieve the desired result. Matches are made between different providers to avoid duplication. After the process ends, the customer, seller, and buyer receive the processed data for the specific vehicle listed by the seller. My role in the project was creating Spring Boot microservices in an Azure cloud environment, working with various applications in .NET, JavaScript, and Python.

Project image for: Quality Review

Quality Review

An hybrid iOS application was developed to digitize the review procedure. Apple iPads that were not connected to mobile Internet were used as work devices. To limit data synchronization to the company's own WIFI, employees loaded questionnaires and routes onto their iPads prior to starting work. Employees completed their routes, returned to the company's WIFI, filled out forms, and uploaded the resulting data to the server. We developed an Angular application that became installable on iOS devices using Ionic Cordova. We used a local SQLite database with a partial database image to provide offline functionality. It also contained usernames and MD5-encrypted passwords for local authentication.

Project image for: Job Management

Job Management

We conceptualized and developed an audit report feature, allowing the client to generate an audit report for the annual audit. Together with the client, we created a report structure and created a function that collects the required information when entering start and end times, and transfers it to the proposed PDF export layout in summarised form.

Project image for: Chat Module for Sports Club

Chat Module for Sports Club

The sports club wants to improve its members' ability to organise, communicate, and track one another using the mobile app. A chat module should be included in this effort. A custom chat element was developed for the mobile application that includes features such as 1-to-1 chat, status markers to indicate status (sent, arrived, read), group chats, automatic group participation based on hierarchical group membership (club chat, team chat), and interfaces to other modules.

Project image for: Real-Time Collaboration

Real-Time Collaboration

In order to eliminate the problem of multiple users selecting the same item from a wish list, we developed a standalone web application that allows customers to collaboratively access wish lists. An Angular + Spring Boot application with AWS authentication was developed for this purpose.

Project image for: Contactless NFC POS

Contactless NFC POS

The Service staff would briefly hold a previously issued card up to an Android device and the customer pays at the exit, rather than at the checkout. This saves the service employee time. A combination of Spring Boot and an Android app was implemented. Near Field Communication (NFC) cards were chosen for the card system. The purpose was to make sure the system can continue to run properly even when the connection is lost by providing a synchronized storage of the data on the card and the server's database.

So How Can We Make You Shine?