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.
- Login and Signup Pages: Users can log in or register for a new account.
- Form Validation: Real-time validation using
Formik
andYup
. - 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.
- 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.
Ensure you have the following installed:
- Node.js (v14.x or later)
- npm or yarn package manager
To run this project locally, follow these steps:
-
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