Finance Banking Web App

Live Demo -> https://finance-seven-psi.vercel.app/

Welcome to the UNOFFICIAL repository of the SBI Banking Web App, a cutting-edge online banking solution designed to provide seamless and secure financial services. This application offers a range of services including payments, transactions, account management, and more. It leverages the latest technology stack to ensure robust performance, security, and scalability.

Table of Contents

• Finance Banking Web App
  • Live Demo -> https://finance-seven-psi.vercel.app/
  • Table of Contents
  • Features
  • Tech Stack
  • Installation
  • Usage
    • Authentication
    • Payments and Transactions
    • Data Visualization
  • Demo Video
  • Demo Images
  • Mobile View
  • Contributing
  • License
  • Contact

Features

• User Authentication: Secure user authentication powered by Clerk.
• Account Management: Manage multiple accounts with ease.
• Payments and Transactions: Handle payments and transactions seamlessly.
• Data Visualization: Interactive charts and graphs using Recharts.
• Responsive Design: Fully responsive and mobile-friendly interface.
• High Performance: Optimized for speed and reliability.

Tech Stack

• Framework: Next.js 14
• Authentication: Clerk
• Language: TypeScript
• Charts: Recharts
• Database: PostgreSQL
• Server Framework: Hono
• ORM: Drizzle
• Deployment: Vercel
• Styling: Tailwind CSS

Installation

To get started with the SBI Banking Web App, follow these steps:

1. Clone the repository: bash git clone https://github.com/abhinandan-verma/finance.git cd finance

2. Install dependencies: bash npm install

3. Set up environment variables: Create a .env.local file in the root of the project and add the necessary environment variables. Refer to .env.example for required variables.

4. Run the development server: bash npm run dev

5. Open the app in your browser: Navigate to http://localhost:3000.

Usage

Authentication

We use Clerk for user authentication. Ensure you have set up your Clerk credentials in the environment variables. https://docs.clerk.dev/

Payments and Transactions

To make payments and handle transactions, navigate to the respective sections in the app after logging in. The UI is intuitive and guides you through the necessary steps.

Data Visualization

Our app includes comprehensive data visualization tools to help you track your financial activities. Visit the "Analytics" section to explore.

• https://recharts.org/

Demo Video

Screen.Recording.2024-06-06.at.10.23.29.PM.mov

Demo Images

Mobile View

Contributing

We welcome contributions from the community. To contribute, please follow these steps:

1. Fork the repository.

2. Create a new branch: bash git checkout -b feature/your-feature-name

3. Make your changes and commit them: bash git commit -m 'Add some feature'

4. Push to the branch: bash git push origin feature/your-feature-name

5. Create a Pull Request.

Please ensure your code adheres to our coding standards and includes appropriate tests.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contact

For any inquiries or issues, please contact us at [email protected].

---

Thank you for using the SBI Banking Web App. We hope it serves all your banking needs efficiently and securely.