-
Notifications
You must be signed in to change notification settings - Fork 1
/
README.md
74 lines (42 loc) · 2.23 KB
/
README.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
# ⚛️ react-pocketbase-crm
> The most advanced starter kit for CRM system build with [Pocketbase](https://pocketbase.io/). It includes Kanban board, JSON form layout engine, feature model support, field visibility flags, grid component with fulltext search and modal filters.
Pocketbase is extremely fast application server. That software uses `cznic/sqlite` to embed sqlite3 into binary without database connection drivers. The `cznic/sqlite` is a golang port of `mattn/go-sqlite3` (CGO-free, no C-language FFI). That means, all data traffic exist in a single assembly, maybe in a future we will see [esbuild-like](https://esbuild.github.io/) benchmark
Also, for some tasks making a full backup of your data is much easier when you got single `data.db` file. In that case, the starter kit for the next app development will be quite usefull
## Contribute
> [!IMPORTANT]
> There is made by using [react-declarative](https://github.com/react-declarative/react-declarative) to solve your problems. **⭐Star** and **💻Fork** It on github will be appreciated
## Setup
**Backend**
Unzip pocketbase binary from [3rdparty folder](./3rdparty/) into [db folder](./db/) and run `./pocketbase serve`
**Frontend**
```bash
npm install
npm start
```
## Default user credential
Frontend
```
user@noemail.com
12345678
```
Pocketbase admin panel
```
admin@noemail.com
1234567890
```
## Kanban Board
> The low-code kanban board with single `useState` call and realtime updates support
![kabnan](./docs/kanban.gif)
([Source code](./src/pages/view/KanbanPage))
## Data grid and JSON template engine
> The preview modal and the full page uses the same json schema so no extra code required
![list](./docs/list.gif)
([Source code](./src/pages/view/EmployeePage))
## Feature model and dynamic field visibility
> The subset of fields can be hidden from settings. The behaviour of buttons can be changed by using feature flags
![settings](./docs/settings.gif)
([Source code](./src/pages/view/SettingsPage))
## Mobile version
> Build-in mobile version support with `no code`
![mobile](./docs/mobile.gif)
([Source code](https://github.com/react-declarative/react-declarative/blob/02435df80c82046e88a69d5f07e811a8adbf24f0/src/components/Scaffold3/components/Drawer.tsx))