https://github.com/marmelab/react-admin-helpdesk

An example react-admin app simulating a help desk UI for support agents
https://github.com/marmelab/react-admin-helpdesk

demo react react-admin reactjs real-time

Last synced: 1 day ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/marmelab/react-admin-helpdesk
• Owner: marmelab
• Created: 2023-01-16T10:53:15.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-21T15:18:13.000Z (6 months ago)
• Last Synced: 2024-12-25T19:39:58.651Z (1 day ago)
• Topics: demo, react, react-admin, reactjs, real-time
• Language: TypeScript
• Homepage: https://marmelab.com/react-admin-helpdesk
• Size: 3.61 MB
• Stars: 53
• Watchers: 8
• Forks: 18
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

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](https://github.com/marmelab/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](https://github.com/marmelab/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](https://github.com/marmelab/react-admin-helpdesk/blob/master/src/App.tsx).

## Running The Demo Locally

After cloning this repository, install the dependencies with:

```sh

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](https://marmelab.com/ra-enterprise/) for more information.

Then, run the application with:

```sh

yarn dev

```

## Publishing The Demo

The demo is published on [GitHub gh-pages](https://www.netlify.com/) at https://marmelab.com/react-admin-helpdesk.

To update the published demo, run:

```sh

yarn build

yarn deploy

```