yl-ang / waas

TikTok Hackathon 2023 - Problem Statement 4

Wallet as a Service

Wallet As A Service for TikTok Hackathon 2023

Proposed Architecture

WaaS

Facillitaing payments for anyone, anywhere.
Explore the docs »

View Video Demo · Try Demo · Report Bug

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contact
6. Acknowledgements

About The Project

Preview

Background

The inspiration behind our digital wallet service for TikTok stems from the vision of seamlessly integrating financial and transactional capabilities into the vibrant TikTok ecosystem. Drawing upon a comprehensive architecture that includes specialized components like WalletService, Frontend, Loyalty Service, FX Service for currency exchange, and a robust Transactions Service, we aim to empower TikTok users with a unified financial experience. Our inspiration is to enhance user engagement by allowing TikTok enthusiasts to effortlessly manage their finances, access loyalty rewards, and conduct transactions within the TikTok platform. This innovative approach reflects our commitment to providing users with a secure and convenient digital wallet solution, ensuring that TikTok remains not just a platform for entertainment but also a versatile and user-centric financial companion.

(back to top)

Built With

This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

• 
• 
• 
• 

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.

1. Clone the repo

   git clone [e-mail]:yl-ang/waas.git

2. Install NPM packages for each of the services

   npm install

3. If you want to try our a dev deployment for the frontend just run npm run dev to start the NextJS application.
4. If you need to build for production, just run npm run build to build a production ready application.

(back to top)

Usage

Dashboard

1. Run npm run dev to get it running locally.
2. After loggin in you will arrive at this page, this is where you view all your past payments, current balance at a glance.

3. This is where you keep track of your past transactions.
4. You can use the search module to view any transactions that you have seen.

5. This is where you can search for possible contacts to transact with.

6. Right before sending the transaction, you can input the amount, and the purpose of the transaction.
7. Hit Pay/Request to confirm the transaction!

(back to top)

Roadmap

(back to top)

Contact

Bobby Ang- Linkedin

Jason Yap - Linkedin

Dominic Lim - LinkedIn

Jerome Wong - LinkedIn

Project Link: GitHub

(back to top)

Acknowledgements

We made use of the following libraries in our application.

1. tailwindcss
2. screenshots.pro
3. react-icons

(back to top)