marmelab/react-admin-helpdesk

An example react-admin app simulating a help desk UI for support agents

65

stars

23

commits

TypeScript

primary language

Jun 21, 2024

updated

marmelab.com/react-admin-helpdesk
demo
react
react-admin
reactjs
real-time

README

React-admin Help Desk

This application is a fake a Help Desk for an imaginary refrigerator company with a few support agents. You can test it online at https://marmelab.com/react-admin-helpdesk. It is a demo of the react-admin library.

https://user-images.githubusercontent.com/99944/212743583-a4ee135f-f55b-4305-86c4-a3da1c49bb98.mov

React-admin usually requires a REST/GraphQL server to provide data. In this demo however, the API is simulated by the browser (using FakeRest). The source data is generated at runtime using Faker.js, so the names and dates change each time you refresh your browser. This demo also simulates real-time activity using an in-memory store (it doesn't work across tabs).

To explore the source code, start with src/App.tsx.

Running The Demo Locally

After cloning this repository, install the dependencies with:

yarn

Note: This application uses React-admin Enterprise Edition packages, so you'll need a valid subscription to run it. Check out the Enterprise Edition documentation for more information.

Then, run the application with:

yarn dev

Publishing The Demo

The demo is published on GitHub gh-pages at https://marmelab.com/react-admin-helpdesk.

To update the published demo, run:

yarn build
yarn deploy

Contributors

djhi

14 commits

fzaninotto

8 commits

mchaffotte

1 commits

marmelab/react-admin-helpdesk

An example react-admin app simulating a help desk UI for support agents

65

stars

23

commits

TypeScript

primary language

Jun 21, 2024

updated

marmelab.com/react-admin-helpdesk
demo
react
react-admin
reactjs
real-time

README

React-admin Help Desk

This application is a fake a Help Desk for an imaginary refrigerator company with a few support agents. You can test it online at https://marmelab.com/react-admin-helpdesk. It is a demo of the react-admin library.

https://user-images.githubusercontent.com/99944/212743583-a4ee135f-f55b-4305-86c4-a3da1c49bb98.mov

React-admin usually requires a REST/GraphQL server to provide data. In this demo however, the API is simulated by the browser (using FakeRest). The source data is generated at runtime using Faker.js, so the names and dates change each time you refresh your browser. This demo also simulates real-time activity using an in-memory store (it doesn't work across tabs).

To explore the source code, start with src/App.tsx.

Running The Demo Locally

After cloning this repository, install the dependencies with:

yarn

Note: This application uses React-admin Enterprise Edition packages, so you'll need a valid subscription to run it. Check out the Enterprise Edition documentation for more information.

Then, run the application with:

yarn dev

Publishing The Demo

The demo is published on GitHub gh-pages at https://marmelab.com/react-admin-helpdesk.

To update the published demo, run:

yarn build
yarn deploy

Contributors

djhi

14 commits

fzaninotto

8 commits

mchaffotte

1 commits

Languages

TypeScript

96.3%

CSS

2.3%

HTML

1.4%