ORA admin panel

Project Objective

The goal of the project is to develop an Admin Panel. It provides administrators with an interface to manage users, categories, and video contents, including multilingual support.

Overview

Admin Panel is built with Vue.js and TypeScript, using Vuetify for a modern and responsive UI.

Tech stack:

• Vue 3 (Composition API)
• TypeScript
• Vuetify (UI framework)
• Vite (Development & build tool)
• Axios (API communication)

Features

• User management: create, edit, and delete users with different roles.
• Category Management: handle up to three levels of categories for better content organization.
• Video Content Management: upload and manage videos with multilingual support
• Separate Media Uploads: upload multiple audio and video files separately for different languages.
• Modern UI with Vuetify: ensures a responsive and user-friendly experience.

Requirements:

Project requires Node.js version 18+. Feel free to install it via nvm or asdf with Node.js plugin. Optional: pnpm.

Getting started:

Install dependencies:

# npm
$ npm i

# pnpm
$ pnpm install

Prepare local environment:

Prepare husky to automatically lint your commit messages, code, and run tests upon committing or pushing

$ npm run prepare

Start Vite dev server:

$ npm run dev

Build project:

$ npm run build

Preview the build:

$ npm run preview

Analyze your code with ESLint:

$ npm run lint

Type checking via Vue Typescript Services:

$ npm run tsc