Enterprise
8 months

From Concept to Completion in 8 Months: A Comprehensive Web App for Contractors Management

MacBook Pro with a web app showing a list of Field Tickets

Services

Front-End Development
Back-End Development
Web App Development
Web App Design

Tech Stack

Angular
TypeScript
Docker
MongoDB
NodeJS
Express
Jasmine

Team

2
Developers
1
Designer
1
Project Manager

Challenge

A big enterprise company in the oil extraction industry needed a custom application to manage all their contractors. That included:

  • 100% automatic generation of reports for accounting
  • Ticket-based system to manage contractor tasks
  • In-app messaging and commenting functionalities
  • Dashboard for an overview of all tickets and their status
  • Admin-specific interface to create, delete, lock, and update other accounts

Many other features were requested, but they are too specific to the client's business needs and, thus, confidential.

Solutions

The project was designed, developed, deployed, maintained, and iterated according to the client's needs.

In the frontend we used the latest version of Angular with all strict mode flags enabled for high compliance and a low chance of bugs. We also updated all project dependencies whenever new versions of Angular were released.

In the backend, we used Functional Programming with NodeJS and strict TypeScript. The HTTP framework of choice was Express but we made sure to isolate all handlers in definitive pure functions and avoid the use of middleware handlers in the core business logic to ensure type safety and provide a clearer codebase for future maintenance.

We also isolated the frontend and backend connection in a framework-agnostic library to modularize the frontend's responsibility solely for UI presentation. That way, the frontend doesn't need to care about how to talk to the backend. It simply uses a library that takes care of that complexity and ensures that all types are correct and updated.

Front-End



API Client



Back-End

Key results

1

195 contractors managed from a unified system.

2

10.5K work orders, 7.4K tickets, and 6.8K reports generated on the system.

3

17K messages exchanged among users in our custom system chat.

4

100% automatic generation of reports for accounting.

5

Admin-specific UI to manage, create, delete, lock, and update other users.

···

Want to know what we can do for your project?

Book a call

More case studies

Diagram of the reactive state management system
Startup
Real-Time Reactive Frontend with 100% Test Coverage in 3 Months

The goal was to create a frontend state management system that would react to changes in real-time with high performance, efficiency, and test coverage.

Read case study
Diagram of the QA process with automated testing
Startup
5 Days Saved per Month in QA by Automating Tests

A startup company (confidential) using Angular in the frontend had a legacy custom solution for state management that was undocumented and became a big tech debt for any further feature developments.

Read case study
See all cases
© 2024 UNVOID. All Rights Reserved.