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