dwigoric / unboundmnl-area-2

This repository contains the source code for Unbound MNL (Problem Area #2) frontend.

UnboundMNL - Problem Area #2

This project contains the frontend for the UnboundMNL Problem Area #2. It is a Vue 3 application built with Vite. The project presents a simple loan management system.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Recommended: Install Yarn Berry

1. Install Node.js 14+
2. Open a terminal on your user directory.
3. Run corepack enable
4. Run yarn set version stable

Environment Variables

Duplicate .env.example and rename it to .env.

VITE_API_URL

The API URL to use for the application, defaults to http://localhost:3000. This is the URL where the backend is running.

Optional Development Stuff

Prettier for Code Formatting

You can install the Prettier - Code formatter extension (for VSCode). Other editors have their own extensions as well. Rules are already set in .prettierrc.json.

ESLint for Code Linting

You can install the ESLint extension (for VSCode). Other editors have their own extensions as well. Rules are already set in .eslintrc.js.

Project Setup

yarn

Compile and Hot-Reload for Development

yarn dev

Compile and Minify for Production

yarn build

Run Unit Tests with Vitest

yarn test:unit

Lint with ESLint

yarn lint

unboundmnl-area-2's Issues

[US16] Create new share capital form

When creating a loan application, search members by username or name then display search results

[US16] Create a central shared capital page

[US20] Compute loan deductions, interest, balance

Add loading indications everywhere appropriate and possible

Application form

• Auto complete interface + functionality
• Finalize fields

Add a submitted page for all forms

[US10] Create loan ledger approval item

Refactor components and segregate to folders

Display all officers in the Officer Profiles Page

Implement delete for member profiles

Link frontend JS with backend

[US12] Create new loan transaction form

[US22] Settings page to adjust interest, and deduction per LOAN

[US17] Create shared capital ledger

Hide items depending on current logged in user's role (permissions system)

Remove limits of loan amount

Specify loan range of application form

Authentication (login & register)

Add form submission confirmations everywhere.

Implement feature to export prefilled application form

Implement preview in search bars

Search and autofill application form (not PDF) with applicant information

Implement prefilling application form

[US11] Create loan ledger

Profile page

Add edit to officers that would allow to change their password

Implement admin password change

Make comaker field not required

Add mode of repayment field in Loan Application Form

[US15] Integrate formulas

[US24] Sort by due date

[US14 + US19] Put sort on all tables

[US23] Settings page to adjust interest, and time of deposits per DEPOSIT category

Display success message and close Register Officer form after successfully creating new officer

[US24] Add a highlight when loan has reached its due date

[US17 + US18] Create profile and display deposit + loan ledgers of user

Closing error message (on `VAlert`s) does not make it reappear

Implement update for member profiles

Documentation

[US18] Integrate edit on share capital ledger

Add a loan status dropdown on the loan ledger page itself.

• for example: can we do it automatically instead? if loan officer is logged in, it's automatic disabled. if on admin side, it's manually.
• question: how do we check if the admin versus the officer is logged in?

Implement auto complete interface for the application form

[US21] Automatically compute share capital interest, and new total balance

[US13] Integrate edit on loan ledger

Implement dashboard view

[US10] Create a central loan page (dashboard)

Make the website much more scalable to different devices

Dashboard

Fix scalability of dashboard