Kipu Dashboard Web App

Web App

Web App

A modern dashboard app to support the flow of processes in a travel agency company

What I did
  • User Research
  • App Design
  • Design System
  • Front-end Development
  • Backend Development
  • Cloud Architecture

Kipu is an advanced web app built with Node JS & Angular and deployed in The Cloud. It allows to travel companies to manage providers, services, pricing and handle many operations processes.

This modern web app is scalable and uses many micro-services to work on, as well as SQL, Non-SQL databases to store the data. Also was deployed using the serverless architecture to solve some cloud issues and save resources easily.

 

 

I was the person who had the idea to implement a complete ERP solution for a the travel agency I was working because many processes used to be performed manually. With my team started doing the proper user research with all departments in the company since they were considered our end users, using agile methodologies we performed the proper requirement elicitation to know which processes we needed to translate into the UI and UX.

I started as the front-end and back-end developer for this project but currently I'm the product manager and owner of it. Also in the current, with my team are still iterating this app to implement new features since this is a scalable app.

When I work on this kind of web projects, I always like to give a high quality result in terms of design and teach structure, that's why I bet on using modern technologies and designs to build the user interface. A small example of it is that the app has the light and dark version for the UI, it was cool to do because using SCSS and javascript we didn't have problems implementing that feature. Another good approach of this app was the way of using reusable web components with the Angular library to speed up the UI development.

 

 

 

The Cloud and its serverless tools helped a lot to create features such as having a powerful search(like youtube), file management system(like google drive), real time database, datastore tool, machine learning functions and much more. Those are only some of the amazing things we could implemented.

 

This app and all of its services were built using different modern frameworks and tools, also it is important to say that the development process is performed using the CI/CD method to frequently deliver and deploy new features as modern apps make nowadays as well as Test Driven Development method for backend tests.

Below are the main tech stack and libraries used in this app:

Angular
Frontend
SCSS
styles pre-processing
CSS Modules
styles in-code
Node JS
Backend
Firestore
No-SQL Database
Big Query
SQL Database
Redux
Datastore Framework
Serverless
Backend