Mitra Web UI
2024-06-28 13:46:35 +00:00
icons Add manifest.json + multi-resolution general/maskable icons 2023-06-06 14:00:26 +02:00
public Add OpenGraph image 2023-09-05 08:52:35 +00:00
scripts Fix lint error 2023-08-23 01:40:11 +00:00
src Prepare strings for translation 2024-06-28 13:46:35 +00:00
tests/unit Update eslint to v8 2023-10-30 00:36:19 +00:00
.browserslistrc Initial commit 2021-11-29 21:18:53 +00:00
.editorconfig Initial commit 2021-11-29 21:18:53 +00:00
.env Build project with Vite instead of Vue CLI 2023-05-10 23:10:06 +00:00
.eslintrc.js Update eslint to v8 2023-10-30 00:36:19 +00:00
.gitignore Add script for compressing static files 2023-08-18 01:29:23 +00:00
.npmrc Initial commit 2021-11-29 21:18:53 +00:00
.stylelintrc.json Update stylelint to v14 2023-10-30 00:00:47 +00:00
CHANGELOG.md Prepare strings for translation 2024-06-28 13:46:35 +00:00
index.html Add OpenGraph image 2023-09-05 08:52:35 +00:00
LICENSE Initial commit 2021-11-29 21:18:53 +00:00
package-lock.json Bump version 2024-06-23 22:01:23 +00:00
package.json Bump version 2024-06-23 22:01:23 +00:00
README.md Add Customization section to README.md 2023-12-25 16:43:21 +00:00
screenshot.png Update readme 2022-09-20 21:33:25 +00:00
tsconfig.json Begin internationalization 2024-06-23 17:09:42 +00:00
vite.config.js Remove locale message compiler from build 2024-06-23 22:01:18 +00:00

Mitra Web

Default frontend for Mitra.

screenshot

Mitra Web UI includes a dark mode feature for visual accessibility.

Compatibility

The latest version of Mitra Web UI is compatible with the latest version of Mitra server and the version before it.

Compatibility with previous versions is not guaranteed.

Requirements

  • node 16, 18
  • npm 7+

Project setup

npm install --no-save
npx allow-scripts

Compile and minify for production

Set backend URL:

echo "VITE_BACKEND_URL=https://mydomain.tld" > .env.local

Or un-set it if both frontend and backend will run on the same URL:

echo "VITE_BACKEND_URL=" > .env.local

Compile:

npm run build

This will produce a static website in the /dist directory.

Customization

Color scheme can be adjusted by changing variables in src/styles/_theme.scss. This file includes parameters of both light and dark modes.

Rebuild the application after making changes.

Development

Compiles and hot-reloads for development

npm start

Run your unit tests

npm run test

Lint files

npm run lint