Skip to content

Dhavisco/BankApp

Repository files navigation

Bank App

This is a financial services web application where users can securely log in, sign up, and manage their financial activities. Built using React, TypeScript, and Tailwind CSS for styling, the app follows best practices for state management, UI/UX design, and functionality.

Features

  • Login and Signup Pages: Users can log in or register for a new account.
  • Form Validation: Real-time validation using Formik and Yup.
  • Financial Management: Manage account balance, view transactions, and perform actions such as deposit, transfer, and bill payments. Dynamic UI/UX: Features like a toggling balance card and smooth transitions in forms. Data Fetching: Powered by React Query for efficient server state management and API data fetching.

Technologies Used

  • React: Frontend framework for building user interfaces.
  • TypeScript: Ensures type safety across the app.
  • Tailwind CSS: Utility-first CSS framework for fast styling.
  • Formik & Yup: For form handling and validation.
  • React Query: For server state management and data fetching.

How to Run

Prerequisites

Ensure you have the following installed:

  • Node.js (v14.x or later)
  • npm or yarn package manager

Installation

To run this project locally, follow these steps:

  1. Clone the repository, Install Dependencies and Start Server:

    git clone https://github.com/Dhavisco/BankApp.git
    cd BankApp
    npm install or yarn install
    npm run dev or yarn run dev
    

Releases

No releases published

Packages

No packages published

Languages