https://github.com/easywebapp/webcell-dashboard
Admin DashBoard scaffold of WebCell v3
https://github.com/easywebapp/webcell-dashboard
admin bootstrap dashboard scaffold template web-component
Last synced: 12 days ago
JSON representation
Admin DashBoard scaffold of WebCell v3
- Host: GitHub
- URL: https://github.com/easywebapp/webcell-dashboard
- Owner: EasyWebApp
- Created: 2020-03-19T06:14:43.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2025-01-19T17:52:56.000Z (about 1 year ago)
- Last Synced: 2025-03-25T11:48:02.456Z (11 months ago)
- Topics: admin, bootstrap, dashboard, scaffold, template, web-component
- Language: TypeScript
- Homepage: http://web-cell.dev/WebCell-dashboard/
- Size: 2.55 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: ReadMe.md
Awesome Lists containing this project
README
# WebCell-dashboard
Admin DashBoard scaffold of **WebCell** v3
https://web-cell.dev/WebCell-dashboard/
[][1]
[][2]
[][3]
## Technology stack
- Language: [TypeScript v5][4]
- Component engine: [WebCell v3][5]
- Component suite: [BootCell v2][6]
- State management: [MobX v6][7]
- PWA framework: [Workbox v7][8]
- Package bundler: [Parcel v2][9]
- CI / CD: GitHub [Actions][10] + [Pages][11]
## Development
```shell
npm i pnpm -g
pnpm i
npm start
```
## Deployment
```shell
pnpm build
```
## Best practice
1. Install GitHub apps in your organization or account:
1. [Probot settings][12]: set up Issue labels & Pull Request rules
2. [PR badge][13]: set up Online [VS Code][14] editor entries in Pull Request description
2. Click the **[Use this template][15] button** on the top of this GitHub repository's home page, then create your own repository in the app-installed namespace above
3. Click the **[Open in GitHub codespaces][2] button** on the top of ReadMe file, then an **online VS Code development environment** will be started immediately
4. Set [Vercel variables][16] as [Repository secrets][17], then every commit will get an independent **Preview URL**
5. Recommend to add a [Notification step in GitHub actions][18] for your Team IM app
6. Remind the PMs & users of your product to submit **Feature/Enhancement** requests or **Bug** reports with [Issue forms][19] instead of IM messages or Mobile Phone calls
7. Collect all these issues into [Project kanbans][20], then create **Pull requests** & add `closes #issue_number` into its description for automation
[1]: https://github.com/EasyWebApp/WebCell-dashboard/actions/workflows/main.yml
[2]: https://codespaces.new/EasyWebApp/WebCell-dashboard
[3]: https://gitpod.io/?autostart=true#https://github.com/EasyWebApp/WebCell-dashboard
[4]: https://typescriptlang.org/
[5]: https://web-cell.dev/
[6]: https://bootstrap.web-cell.dev/
[7]: https://mobx.js.org/
[8]: https://developers.google.com/web/tools/workbox
[9]: https://parceljs.org/
[10]: https://github.com/features/actions
[11]: https://pages.github.com/
[12]: https://github.com/apps/settings
[13]: https://pullrequestbadge.com/
[14]: https://code.visualstudio.com/
[15]: https://github.com/new?template_name=WebCell-dashboard&template_owner=EasyWebApp
[16]: https://github.com/idea2app/Next-Bootstrap-ts/blob/80967ed49045af9dbcf4d3695a2c39d53a6f71f1/.github/workflows/pull-request.yml#L9-L12
[17]: https://github.com/EasyWebApp/WebCell-dashboard/settings/secrets/actions
[18]: https://github.com/kaiyuanshe/kaiyuanshe.github.io/blob/bb4675a56bf1d6b207231313da5ed0af7cf0ebd6/.github/workflows/pull-request.yml#L32-L56
[19]: https://github.com/EasyWebApp/WebCell-dashboard/issues/new/choose
[20]: https://github.com/EasyWebApp/WebCell-dashboard/projects