Thank you for your interest in contributing to MulmoCast App! This guide will help you understand the project structure and development workflow.
MulmoCast is an Electron application with a React frontend and Express backend. The application provides a modern desktop interface for managing multimedia casting projects.
- Frontend: Vue 3, TypeScript, Tailwind CSS, shadcn/ui
- Backend: Node.js
- Desktop: Electron
- Build Tool: Vite
- Styling: Tailwind CSS with shadcn/ui components
mulmocast-app/
├── src/
│ ├── main/ # Backend Node.js
│ └── renderer/ # Frontend Vue application
│ ├── pages/ # Vue components
│ │ └── ui/ # shadcn/ui base components
│ ├── lib/ # Utilities and helpers
│ └── styles/ # CSS styles
-
Install dependencies:
yarn install
-
Start development server:
yarn start
-
Run linting:
yarn lint
-
Format code:
yarn format
To add new shadcn-vue components to the project:
npx shadcn-vue@latest add [component-name]For example:
npx shadcn-vue@latest add button
npx shadcn-vue@latest add card
npx shadcn-vue@latest add dialog