Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kennjr/mpesa

A web application for seamlessly sending and receiving money. Designed and built in 4 days, this robust webapp(powered by firebase) allows users to send and receive money from peers, requiring an email and amount to transact.
https://github.com/kennjr/mpesa

angular finance-application firebase firebase-auth money-transfer responsive responsive-web-design tailwind tailwindcss ui-design webapp

Last synced: 4 days ago
JSON representation

A web application for seamlessly sending and receiving money. Designed and built in 4 days, this robust webapp(powered by firebase) allows users to send and receive money from peers, requiring an email and amount to transact.

Awesome Lists containing this project

README

        

# Unitpay

![Firebase](https://img.shields.io/badge/firebase-a08021?style=for-the-badge&logo=firebase&logoColor=ffcd34) ![Angular](https://img.shields.io/badge/angular-%23DD0031.svg?style=for-the-badge&logo=angular&logoColor=white) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) ![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white) ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

---

Sending and receiving money has never been easier, simply provide the recipient's email and the amount. That's it!!

With Unitpay you can send or receive money from anyone on the network that easily, built for the average internet user this application is intuitive with a thoroughly thought through design. It was built to solve the age-old problem of sending money on the internet and meant to serve internet users who are tired of the high transaction fees they're charged by having a flat fee.

This application is robust and capable of handling a lot of users concurrently. Powered by Google's firebase users can easily authenticate and transact.

---

### Look and feel

Here are some screenshots of the application.

| Mobile screenshot landing | Mobile screenshot auth | Mobile screenshot dashboard |
|:-------------------------------------------------------------------------------------:|:---------------------------------------------------------------------------------------------:|:----------------------------:|
| ![Landing page screenshot](https://github.com/kennjr/mpesa/blob/main/mobile_screenshot_1.jpg?raw=true) | ![Auth screenshot](https://github.com/kennjr/mpesa/blob/main/mobile_screenshot_2.jpg?raw=true) | ![Dashboard screenshot](https://github.com/kennjr/mpesa/blob/main/mobile_screenshot_3.jpg?raw=true)|

| Mobile screenshot fund account | Mobile screenshot new transaction | Mobile screenshot transaction |
|:-------------------------------------------------------------------------------------:|:-----------------------------------------------------------------------------------------------------------:|:------------------------------:|
| ![fund account screenshot](https://github.com/kennjr/mpesa/blob/main/mobile_screenshot_4.jpg?raw=true) | ![new transaction screenshot](https://github.com/kennjr/mpesa/blob/main/mobile_screenshot_5.jpg?raw=true) | ![transaction screenshot](https://github.com/kennjr/mpesa/blob/main/mobile_screenshot_6.jpg?raw=true)|

| Desktop screenshot landing | Desktop screenshot auth | Desktop screenshot dashboard |
|:-------------------------------------------------------------------------------------:|:---------------------------------------------------------------------------------------------:|:-----------------------------:|
| ![Landing page screenshot](https://github.com/kennjr/mpesa/blob/main/desktop_screenshot_1.png?raw=true) | ![Auth screenshot](https://github.com/kennjr/mpesa/blob/main/desktop_screenshot_2.png?raw=true) | ![Dashboard screenshot](https://github.com/kennjr/mpesa/blob/main/desktop_screenshot_3.png?raw=true)|

| Desktop screenshot fund account | Desktop screenshot new transaction | Desktop screenshot transaction |
|:-------------------------------------------------------------------------------------:|:-----------------------------------------------------------------------------------------------------------:|:-------------------------------:|
| ![fund account screenshot](https://github.com/kennjr/mpesa/blob/main/desktop_screenshot_4.png?raw=true) | ![new transaction screenshot](https://github.com/kennjr/mpesa/blob/main/desktop_screenshot_5.png?raw=true) | ![transaction screenshot](https://github.com/kennjr/mpesa/blob/main/desktop_screenshot_6.png?raw=true)|

## Tech stack

Being an portfolio project I built it with the latest and greatest web technologies:

- Angular framework
: for better and easier integration with the backed
- Firebase
: for authentication and database.
- Tailwind
: for the project's styling


## Features

What makes this app worthwhile, you might be asking. Here are some of the features our users enjoy:

- Flat transaction fees.
: Transaction fees on Unitpay are flat, this makes sending huge amounts of money economical.
Our three-tier fee rates cater to every transaction size.
- Easy & secure
: Unlike other platforms where security compromises the user experience,
Unitpay finds the sweet spot enhancing the user experience while maintaining the highest standards of security.


## Support
> [!IMPORTANT]
> This was a portfolio project, meant to showcase my skills.

For any support report an issue on this repository, I'll work on it and update the codebase as soon as I can.

Better yet, you could fork the project and try fixing it, if it's something you think you can mend.


## License
This software is publicly available under the [MIT](LICENSE) license

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.