Financial Advisory Portal Web Application


This project is currently in the development stage, set to release an MVP (Minimum Viable Product) soon. The goal of this project is to develop a product that helps business advisors, management teams, CEO round tables, investors and lenders make better informed financial decisions based on analysis of their financial data.

The Challenge

Some pain points big businesses encounters are:

● Growth eroding profitability.

● Inability to handle declining sales.

● Focusing only on revenue and gross margin

The Approach

The development of this app begins with the goal of aiding companies with financial reports that’s easy to read and digest. Creating a web application that accepts financial data, analyzes it and breaks its report into visuals that’s easy to understand and enjoyable to read. This financial report helps companies make good decisions.

Challenge: Create a robust dashboard for companies and advisors to access, analysis of their data.

Method: Design Sprint, User Research, Nest App.

Result: A product almost ready for MVP.


Using high-fidelity prototypes and written requirements as reference, we started building a responsive web application with the latest technologies.

Technologies Used:

NextJs was chosen as the frontend framework for a couple of reasons:

1. File System Routing

NextJs makes creating routes for your web app very easy. When you add a file to a page directory, it is automatically available as a route. This makes it pretty easy to create complex web apps with many different pages.

2. Server-Side Rendering (SSR)

Next.js supports the rendering of pages on user requests on the server-side by generating a non-interactive HTML, while React uses JSON data and JavaScript instruction to make the page interactive on the client-side.

3. Static-Site Generator (SSG)

Statically generated web pages are said to be SEO optimized because of their speed, which can make Google rank that page higher. With Next.js supporting static page generation makes it stand out against React.

4. Financial Projections

The HTML <img> tag has been evolved by the Next.js team with built-in performance to help with picture optimization.

A couple of Amazon Web Services were used in the development process:

1. AWS Amplify

AWS Amplify is a complete solution that lets frontend web and mobile developers easily build, ship, and host full-stack applications on AWS.

2. Amazon Cognito

This service lets you easily add user sign-up and authentication to your mobile and web apps.

3. Amazon S3

Amazon Simple Storage Service (Amazon S3) is an object storage service that offers industry-leading scalability, data availability, security, and performance. You can use Amazon S3 to store and retrieve any amount of data at any time, from anywhere.

4. Amazon DynamoDB

DynamoDB is an Amazon Web Services database system that supports data structures and key-valued cloud services.

5. AWS Lambda

AWS Lambda is a compute service that lets you run code without provisioning or managing servers.

6. Amazon SES

Amazon SES is a cloud email service provider that can integrate into any application for bulk email sending.

Data Modelling

This process of creating a visual representation or a blueprint that defines the information collection is very important. The model outlines what data the business collects, the relationship between different datasets, and the methods that will be used to store and analyze the data.


We rolled out a couple of features for the product. I’d say 65% done. In a few weeks, we should be rolling out more features and hitting the market.