Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/react-declarative/react-pocketbase-crm
The most advanced starter kit for CRM system build with Pocketbase. It includes Kanban board, JSON form layout engine, feature model support, field visibility flags, grid component with fulltext search and modal filters.
https://github.com/react-declarative/react-pocketbase-crm
declarative-programming dependency-injection functional-programming kanban kanban-application kanban-board mobx mui pocketbase pocketbase-realtime react react-declarative react-hooks realtime rxjs solid websocket
Last synced: 25 days ago
JSON representation
The most advanced starter kit for CRM system build with Pocketbase. It includes Kanban board, JSON form layout engine, feature model support, field visibility flags, grid component with fulltext search and modal filters.
- Host: GitHub
- URL: https://github.com/react-declarative/react-pocketbase-crm
- Owner: react-declarative
- Created: 2023-12-29T10:49:11.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-04-25T11:00:14.000Z (8 months ago)
- Last Synced: 2024-05-05T00:17:49.979Z (8 months ago)
- Topics: declarative-programming, dependency-injection, functional-programming, kanban, kanban-application, kanban-board, mobx, mui, pocketbase, pocketbase-realtime, react, react-declarative, react-hooks, realtime, rxjs, solid, websocket
- Language: TypeScript
- Homepage: https://github.com/react-declarative/react-declarative
- Size: 7.43 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ⚛️ 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
```
[email protected]
12345678
```
Pocketbase admin panel
```
[email protected]
1234567890
```
## Kanban Board
> The low-code kanban board with single `useState` call and realtime updates support
([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
([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
([Source code](./src/pages/view/SettingsPage))
## Mobile version
> Build-in mobile version support with `no code`
([Source code](https://github.com/react-declarative/react-declarative/blob/02435df80c82046e88a69d5f07e811a8adbf24f0/src/components/Scaffold3/components/Drawer.tsx))