Kengo

Kengo Finance is a comprehensive financial services platform that empowers users to manage their finances, make payments, and access essential services through a secure, user-friendly interface. The platform combines robust authentication, seamless transactions, and multi-currency support to deliver a versatile financial ecosystem for modern users.

Type

Paid Project

Stack

Next Js
Swagger
Tailwind css
Typescript
Axios
DIlogo

Project Purpose and Goal

This project was structured in distinct phases, each adding progressively more features. Phase 1 – Initial Setup and Core Features: This phase focused on setting up the basic structure of the app, creating reusable components and installing essential packages . Also implementing authentication pages like login, sigup, forgoot password and reset password pages. The goal was to get the app functional with foundational features for users access .

In Phase 2 the user dashboard section was commenced. The dashboard provides real-time updates on user transaction status and account balance, allows users to carry out neccesary activities like buying airime, paying bills, funding wallet , withdrawing from wallet, updating profile, setting up transaction pin and kyc verification.

The final phase involved creating an admin dashboard . this dashboard was used to oversee the activties of the users, restrict suspicious accounts and transactions, and provide an overview of data . it also involved refining the app by optimizing performance and enhancing the user experience.

Typescript
Next Js
Recharts
Tailwind

Web stack and Explanation

To handle global state management Zustand was used. It was my first time using it in a project and it was simple to set up and use. It made the codes more cleaner and maintainable

For making API request , axios was used for its ease and clean syntax .It reduced the need for manual parsing(tranforming req and res data to and from json) .

Lessons Learned

I learnt how to read documentation and think very well before writing codes. i had to study before implementiong certain features so i can avoid mistakes. i learnt how to use middlewares to protect routes. I also worked with another developer, which taught me more about collaboration and resolving conflicts. As we were both working on different parts of the project, I had to regularly sync with my colleague to make sure our work didn't overlap. On several occasions, we ran into issues with merge conflicts in our branches and we solved it.

Other Projects

Brandsquare

Brandsquare is a modern multi-role e-commerce platform with distinct modules for customers, vendors, and administrators.

Learn More