https://github.com/easywebapp/webcell-mobile
Mobile App scaffold of WebCell v3, which is a PWA scaffold based on Material Design Web components, with Anti-996 sample data.
https://github.com/easywebapp/webcell-mobile
app component material-design parcel pwa scaffold tailwind-css web
Last synced: 4 months ago
JSON representation
Mobile App scaffold of WebCell v3, which is a PWA scaffold based on Material Design Web components, with Anti-996 sample data.
- Host: GitHub
- URL: https://github.com/easywebapp/webcell-mobile
- Owner: EasyWebApp
- Created: 2021-01-10T22:30:23.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2025-03-14T11:04:13.000Z (12 months ago)
- Last Synced: 2025-04-10T10:42:38.888Z (11 months ago)
- Topics: app, component, material-design, parcel, pwa, scaffold, tailwind-css, web
- Language: TypeScript
- Homepage: https://web-cell.dev/WebCell-mobile/
- Size: 1.06 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: ReadMe.md
Awesome Lists containing this project
README
# WebCell-mobile
Mobile App scaffold of [WebCell v3][1]
https://web-cell.dev/WebCell-mobile/
[][2]
[][3]
[][4]
## Technology stack
- Language: [TypeScript v5][5]
- Component engine: [WebCell v3][1]
- Component suite: [MDUI v2][6]
- PWA framework: [Workbox v7][7]
- Package bundler: [Parcel v2][8]
- CI / CD: GitHub [Actions][9] + [Pages][10]
## 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][11]: set up Issue labels & Pull Request rules
2. [PR badge][12]: set up Online [VS Code][13] editor entries in Pull Request description
2. Click the **[Use this template][14] 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][3] button** on the top of ReadMe file, then an **online VS Code development environment** will be started immediately
4. Set [Vercel variables][15] as [Repository secrets][16], then every commit will get an independent **Preview URL**
5. Recommend to add a [Notification step in GitHub actions][17] for your Team IM app
6. Remind the PMs & users of your product to submit **Feature/Enhancement** requests or **Bug** reports with [Issue forms][18] instead of IM messages or Mobile Phone calls
7. Collect all these issues into [Project kanbans][19], then create **Pull requests** & add `closes #issue_number` into its description for automation
[1]: https://web-cell.dev/
[2]: https://github.com/EasyWebApp/WebCell-mobile/actions/workflows/main.yml
[3]: https://codespaces.new/EasyWebApp/WebCell-mobile
[4]: https://gitpod.io/?autostart=true#https://github.com/EasyWebApp/WebCell-mobile
[5]: https://typescriptlang.org/
[6]: https://www.mdui.org/
[7]: https://developers.google.com/web/tools/workbox
[8]: https://parceljs.org/
[9]: https://github.com/features/actions
[10]: https://pages.github.com/
[11]: https://github.com/apps/settings
[12]: https://pullrequestbadge.com/
[13]: https://code.visualstudio.com/
[14]: https://github.com/new?template_name=WebCell-mobile&template_owner=EasyWebApp
[15]: https://github.com/EasyWebApp/mobile/blob/05baec7446a8cb84a3cdc6dd184cc7314c63b468/.github/workflows/main.yml#L10-L12
[16]: https://github.com/EasyWebApp/WebCell-mobile/settings/secrets/actions
[17]: https://github.com/kaiyuanshe/kaiyuanshe.github.io/blob/bb4675a56bf1d6b207231313da5ed0af7cf0ebd6/.github/workflows/pull-request.yml#L32-L56
[18]: https://github.com/EasyWebApp/WebCell-mobile/issues/new/choose
[19]: https://github.com/EasyWebApp/WebCell-mobile/projects