Skip to content

Mohajer2002/PartBank

Repository files navigation

Part Bank Dashboard

A banking dashboard application built using Vue.js and Sass, focused on secure user authentication and efficient data management. The app allows users to manage their personal information, accounts, transactions, and open new accounts by uploading their national ID photo.

Features

  • User Authentication: Secure login system using token-based authentication (JWT).
  • Account and Transaction Management: Users can view and manage their personal account details and transaction history.
  • New Account Creation: Users can open new accounts by submitting their personal information and uploading their national ID photo.
  • State Management: Pinia is used for efficient client-side state management.
  • API Integration: Axios is used for seamless communication with backend APIs.
  • Security: Protected routes ensure that only authenticated users can access specific areas of the app.
  • Optimized Development: No unnecessary libraries were used, ensuring a lightweight and efficient application.
  • Design Implementation: The UI was implemented with pixel-perfect accuracy based on Figma design files.
  • Version Control: GitLab was used for version control and team collaboration.

Tech Stack

  • Frontend: Vue3 , js , Sass
  • State Management: Pinia
  • HTTP Client: Axios
  • Authentication: JWT
  • Version Control: GitLab
  • Design: Figma

Setup

  1. Clone the repository:
    git clone https://github.com/Mohajer2002/PartBank.git
  2. Navigate to the project directory:
    cd part-bank-dashboard
  3. Install dependencies:
    npm install
  4. Start:
    npm run dev

Preview

Watch the video

screenshot screenshot screenshot screenshot screenshot screenshot screenshot screenshot screenshot screenshot screenshot Preview (Google Drive)