qbit-matUI
A material WebUI for qBittorrent, written in Angular.
파일 탐색기
최종 버전 다운로드 (.zip)- bug-report.md
- feature-request.md
- nodejs.yml
- home_page_dark.png
- home_page_dark_shadow.png
- login_page.jpg
- torrent_contents.png
- torrent_contents_shadow.png
- docker-compose.yml
- README.txt
- app.e2e-spec.ts
- app.po.ts
- protractor.conf.js
- tsconfig.json
- .gitignore
- config.json
- index.js
- package-lock.json
- package.json
- sample_data.js
- utils.js
- login-page.component.html
- login-page.component.scss
- login-page.component.ts
- theme.service.ts
- app-routing.module.ts
- app.component.html
- app.component.scss
- app.component.ts
- app.module.ts
- .gitkeep
- favicon.ico
- http_config.json
- environment.prod.ts
- environment.ts
- Environment.ts
- index.html
- main.ts
- polyfills.ts
- styles.scss
- test.ts
- theme.scss
- variables.scss
- .browserslistrc
- karma.conf.js
- tsconfig.app.json
- tsconfig.spec.json
- tslint.json
- config.unix.json
- config.windows.json
- build_prod.sh
- chip-label.component.css
- chip-label.component.html
- chip-label.component.ts
- file-system-tree-explorer.component.html
- file-system-tree-explorer.component.scss
- file-system-tree-explorer.component.ts
- global-transfer-info.component.html
- global-transfer-info.component.scss
- global-transfer-info.component.ts
- search-torrents.component.css
- search-torrents.component.html
- search-torrents.component.ts
- home.component.html
- home.component.scss
- home.component.ts
- add-torrent-dialog.component.html
- add-torrent-dialog.component.scss
- add-torrent-dialog.component.ts
- delete-torrent-dialog.component.css
- delete-torrent-dialog.component.html
- delete-torrent-dialog.component.ts
- file-system-dialog.component.html
- file-system-dialog.component.scss
- file-system-dialog.component.ts
- move-torrents-dialog.component.css
- move-torrents-dialog.component.html
- move-torrents-dialog.component.ts
- rate-limits-dialog.component.css
- rate-limits-dialog.component.html
- rate-limits-dialog.component.ts
- about-settings.component.css
- about-settings.component.html
- about-settings.component.ts
- download-settings.component.html
- download-settings.component.scss
- download-settings.component.ts
- rss-settings.component.css
- rss-settings.component.html
- rss-settings.component.ts
- speed-settings.component.html
- speed-settings.component.scss
- speed-settings.component.ts
- web-ui-settings.component.html
- web-ui-settings.component.scss
- web-ui-settings.component.ts
- settings.component.html
- settings.component.scss
- settings.component.ts
- statistics-dialog.component.css
- statistics-dialog.component.html
- statistics-dialog.component.ts
- torrent-info-dialog.component.html
- torrent-info-dialog.component.scss
- torrent-info-dialog.component.ts
- application-config.service.ts
- defaults.ts
- auth.service.ts
- FileSystemExceptions.ts
- DirectoryNode.ts
- FileNode.ts
- Inode.ts
- FileSystemTypes.ts
- file-directory-explorer.service.ts
- file-system.service.ts
- TreeNode.ts
- network-connection-information.service.ts
- error-snackbar.component.css
- error-snackbar.component.html
- error-snackbar.component.ts
- info-snackbar.component.css
- info-snackbar.component.html
- info-snackbar.component.ts
- success-snackbar.component.css
- success-snackbar.component.html
- success-snackbar.component.ts
- warn-snackbar.component.css
- warn-snackbar.component.html
- warn-snackbar.component.ts
- snackbar.service.ts
- row-selection.service.ts
- torrent-data-http.service.ts
- torrent-data-store.service.ts
- torrent-helper.service.ts
- torrent-parser.service.ts
- pretty-print-torrent-data.service.ts
- theme.service.ts
- torrent-filter-service.service.ts
- torrent-search-service.service.ts
- units-helper.service.ts
- bulk-update-torrents.component.html
- bulk-update-torrents.component.scss
- bulk-update-torrents.component.ts
- torrents-table.component.html
- torrents-table.component.scss
- torrents-table.component.ts
- app.component.css
- app.component.html
- app.component.spec.ts
- app.component.ts
- app.config.json
- app.module.ts
- drag-and-drop-files.directive.ts
- bundle.js
- config.json
- config.prod.json
- favicon.ico
- http_config.json
- environment.prod.ts
- environment.ts
- latin_300_KFOlCnqEu92Fr1MmSU5fBBc4.woff2
- latin_400_KFOmCnqEu92Fr1Mu4mxK.woff2
- latin_500_KFOlCnqEu92Fr1MmEU9fBBc4.woff2
- fonts.scss
- interfaces.ts
- Environment.ts
- Helpers.ts
- Interfaces.ts
- constants.ts
- index.html
- main.ts
- polyfills.ts
- styles.scss
- test.ts
- theme.scss
- variables.scss
- .browserslistrc
- .editorconfig
- .gitignore
- angular.json
- CONTRIBUTING.md
- json-typings.d.ts
- karma.conf.js
- LICENSE
- package-lock.json
- package.json
- README.md
- tsconfig.app.json
- tsconfig.json
- tsconfig.spec.json
- tslint.json
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/bill-ahmed/qbit-matUI
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd qbit-matUI
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Docker
쉬움 추천사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker compose -f dev/docker-compose.yml up -d --build
compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
3. Node.js
쉬움사전 준비물
cd mock_backend
이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.
npm install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm start
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
// repository documentation
Was this content helpful?
(0 ratings)
