MyBank - Personal Financial Management App - React Template

MyBank is a React based template project which helps you to create a Personal Financial Management web application. This template project provides responsive page layouts, reusable components and dark mode out of the box.

Pages (Functionalities)

• Login

• Aggregated Accounts Page

• Account Details and Transactions

• Money Transfer and Success Receipt

• Profile

High Level Project Features

• Single Page Application (SPA)

• Dark Mode

• Responsive Design

• Reusable Components

• Mock data (JSON) Integration

• Lighthouse Accessibility Score > 90 %

Technical Details

• React (v17)

• Tailwind CSS (v3)

• Yarn support - works in NPM as well

• Webpack (v5) - This is easily portable to any existing react application as well

• Heroicons

This package includes the complete project with well-documented code and instructions to

• Setup and run the project in development mode

• Build the project in production mode (not fully optimized)

• How to change the mock JSON files

• How to migrate to a existing React app (e.g CRA or Next.js)

***********

Please feel free to contact me for any questions, bugs, modifications and feedbacks. You can DM me on Twitter - https://twitter.com/PahanMPerera

***********