Frontend Platform Builder - Product Requirements Specs | Karat Software

Target release

22 Dec 2023

Epic

Document status

IN PROGRESS

Document owner

Designer

Jim Harrison

Tech lead

Technical writers

@ writers

QA

Financial Appraisal

$6,749.00

Objective

We're building a frontend fintech credit card platform builder similar to Webflow’s functionality with building websites, but for credit card and banking platforms instead.

We are targeting fintech startups and other organizations that need to build their MVP fast without spending all the capital needed to hire a third party company to manually code all the components for their credit card platform.

Our product will enable anyone with no coding experience to build their own custom credit card and banking platform seamlessly though drag n drop customizable components that can be swapped out and altered to fit our target markets brand. The platform will be customizable so clients can change the look and feel with interchangeable components, logos, and colors.

Fintechs will also be able to easily export the code if they ever want to host their credit card platform in their own environment

Success metrics

Goal

Metric

APIs:

Description

Documentation

Estimated Time of Completion: 4 1/2 Months

Tech Stack: React, Tailwind CSS, Typescript

The platform shall not be restricted to our own environment, fintech's should be allowed to plug and play into any bank they choose, if they do not have a partner bank then they will use ours by default - the same goes for underwriting and KYC.

Requirement

User Story

Importance

Jira Issue

Notes

Frontend is linked to each partner specific account depending on which partner application was submitted

Finoverse receives an application from John and Lisa and Finovate receives an application from Richard, John and Lisas experience will be on Finoverse’s select frontend platform while Richard will be in Finovates custom frontend.

HIGH

Each frontend should be tied to a single partner account and unique to each partners own design

Interchangeable & Custom components (i.e. different style cards including styles of “balance”, “transactions”, etc.)

As a famous music artist, I would like to add tour dates and my merch store to my open banking platform and have the freedom to change the look and feel to match my brand more in order to provide my fans a familiar banking experience that feels like it was all created with just me involved

HIGH

Allow our partners to change anything and add any features they desire (subject to our approval)

Legal Disclosures

--

CRITICAL

SOC2 & PCI compliant

--

CRITICAL

(function(){ var data = { "addon_key":"app.figma.confluence.lite", "uniqueKey":"app.figma.confluence.lite__figma-for-confluence-lite8938990369024576981", "key":"figma-for-confluence-lite", "moduleType":"dynamicContentMacros", "moduleLocation":"content", "cp":"/wiki", "general":"", "w":"", "h":"", "url":"https://embedder.app/macro/index.html?embedded=figma&nodeUrl=https%3A%2F%2Fwww.figma.com%2Ffile%2FPS7QfjFH8QVoasOvvYNaM4%2FKaped%3Fnode-id%3D201%253A2314%26t%3D896uV7t7OVnsudas-1&width=&height=&xdm_e=https%3A%2F%2Fkaped.atlassian.net&xdm_c=channel-app.figma.confluence.lite__figma-for-confluence-lite8938990369024576981&cp=%2Fwiki&xdm_deprecated_addon_key_do_not_use=app.figma.confluence.lite&lic=none&cv=1000.0.0-c99892e43709", "structuredContext": "{\"confluence\":{\"editor\":{\"version\":\"\\\"v2\\\"\"},\"macro\":{\"outputType\":\"html_export\",\"hash\":\"96c308144092d93bd2ba4a0d55d84239\",\"id\":\"96c308144092d93bd2ba4a0d55d84239\"},\"content\":{\"type\":\"page\",\"version\":\"5\",\"id\":\"67010562\"},\"space\":{\"key\":\"KS\",\"id\":\"66159248\"}}}", "contentClassifier":"content", "productCtx":"{\"page.id\":\"67010562\",\"macro.hash\":\"96c308144092d93bd2ba4a0d55d84239\",\"space.key\":\"KS\",\"page.type\":\"page\",\"content.version\":\"5\",\"page.title\":\"Frontend Platform Builder - Product Requirements Specs\",\"macro.localId\":\"bd8091b6-b8e7-48ba-86a8-3e8e5ae01b0a\",\"nodeUrl\":\"https://www.figma.com/file/PS7QfjFH8QVoasOvvYNaM4/Kaped?node-id=201%3A2314&t=896uV7t7OVnsudas-1\",\"macro.body\":\"\",\": = | RAW | = :\":\"nodeUrl=https://www.figma.com/file/PS7QfjFH8QVoasOvvYNaM4/Kaped?node-id=201%3A2314&t=896uV7t7OVnsudas-1\",\"space.id\":\"66159248\",\"macro.truncated\":\"false\",\"content.type\":\"page\",\"output.type\":\"html_export\",\"page.version\":\"5\",\"content.id\":\"67010562\",\"macro.id\":\"96c308144092d93bd2ba4a0d55d84239\",\"user.isExternalCollaborator\":\"false\",\"editor.version\":\"\\\"v2\\\"\"}", "timeZone":"America/Los_Angeles", "origin":"https://embedder.app", "hostOrigin":"https://kaped.atlassian.net", "sandbox":"allow-downloads allow-forms allow-modals allow-popups allow-scripts allow-same-origin allow-top-navigation-by-user-activation allow-storage-access-by-user-activation", "pearApp":"true", "apiMigrations": { "gdpr": true } } ; if(window.AP && window.AP.subCreate) { window._AP.appendConnectAddon(data); } else { require(['ac/create'], function(create){ create.appendConnectAddon(data); }); } // For Confluence App Analytics. This code works in conjunction with CFE's ConnectSupport.js. // Here, we add a listener to the initial HTML page that stores events if the ConnectSupport component // has not mounted yet. In CFE, we process the missed event data and disable this initial listener. const __MAX_EVENT_ARRAY_SIZE__ = 20; const connectAppAnalytics = "ecosystem.confluence.connect.analytics"; window.connectHost && window.connectHost.onIframeEstablished((eventData) => { if (!window.__CONFLUENCE_CONNECT_SUPPORT_LOADED__) { let events = JSON.parse(window.localStorage.getItem(connectAppAnalytics)) || []; if (events.length >= __MAX_EVENT_ARRAY_SIZE__) { events.shift(); } events.push(eventData); window.localStorage.setItem(connectAppAnalytics, JSON.stringify(events)); } }); }());

Question

Answer

Date Answered

these updates are going to implement on new version of platform right ?

Yes, this is for the v3.0.0 release

10 Apr 2023

Creating a mobile app
Using Iframe widgets
Integrating API’s