Title

Home

Admin Bro

An automatic admin interface which can be plugged into your application. You, as a developer, provide database models (like posts, comments, stores, products or whatever else your application uses), and AdminBro generates ReactJS UI which allows you (or other trusted users) to manage content.

Live example

Check out the example application with mongodb and postgres models here: https://admin-bro-example-app.herokuapp.com/admin

See the demo app

  • login: test@example.com
  • password: password

Screenshots

How to read this documentation

AdminBro is not an tiny system so to get to know it I suggest the following path:

Step 1. Read the high level guides

Tutorials are the best way to start using AdminBro. They contain high level information about the panel and points other places in the documentation where you can find more details.

Tutorials can be divided into 3 parts:

  1. Setup AdminBro in your app.
  1. Customize how resources behave
  1. Customize how resources and entire AdminBro looks

Step 2. Get familiar with all the options you can pass to AdminBro

AdminBro has dozens of different options. I suggest you to check them out to see what can be modified.

Step 3. Read about the helper classes

We exposed some helper Classes which you can use when working with AdminBro:

  • ApiClient - it is a Client library with which you will be able to fetch resources from the AdminBro API (check out ApiController to see how the API looks)
  • ViewHelpers - which will create an AdminBro URLs for your links.

Step 4. See the React Components which you can use.

Another thing are React Components which you can reuse. You can see list of them in the sidebar.

Step 5. Want to see the code?

Screencasts

There are 2 screencasts on jscasts.tv channel about an AdminBro which could guide you of how to use it. They are quite old so bare in mind that API have changed since then.

Inspiration

Inspired by: django admin, rails admin and active admin.

admin-bro/src/frontend/styles/variables.ts