Mitra Web UI
- Vue 74.3%
- TypeScript 21.8%
- SCSS 2.5%
- JavaScript 0.8%
- Shell 0.3%
- Other 0.2%
| Filename | Latest commit message | Latest commit date |
|---|---|---|
| icons | ||
| public | ||
| scripts | ||
| src | ||
| tests/unit | ||
| .browserslistrc | ||
| .editorconfig | ||
| .env | ||
| .gitignore | ||
| .npmrc | ||
| .stylelintrc.json | ||
| CHANGELOG.md | ||
| eslint.config.js | ||
| index.html | ||
| LICENSE | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| screenshot.png | ||
| tsconfig.json | ||
| vite.config.js | ||
Mitra Web
Default frontend for Mitra.
- Supports all Mitra features.
- Translated into 6+ languages.
- Includes a dark mode feature for visual accessibility.
Custom themes
The appearance can be customized by replacing assets/custom.css as described in documentation.
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 20+
- 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.
Development
Compiles and hot-reloads for development
npm start
Run your unit tests
npm run test
Lint files
npm run lint
Localization
Messages are stored in src/locales and can be edited using Weblate.