crudl.io

A backend agnostic REST and GraphQL based admin interface.

CRUDL is a React application for rapidly building an admin interface based on your API. You just need to define the endpoints and a visual representation in order to get a full-blown UI for managing your data.

How CRUDL works

CRUDL is a JavaScript app for rapidly building an admin interface based on your API — you just define the endpoints/queries and a visual representation to get a full-blown UI for managing your data.

The CRUDL main application consists of two primary modules — the connectors and the views, with each providing several callbacks in order to manipulate the data stream.

The frontend is a React/Redux interface which mainly shows you a list and form for every resource/query.

The views describe the visual representation (fields, filters, search, ordering, validation) and manage the data flow from/to connectors.

examples on github

The connectors provide the views with a unified access to the API. They implement the CRUD methods, handle pagination and transform the request/response as well as errors.

example on github

The API is the starting point and access to your data storage. CRUDL supports both REST and GraphQL.

Online Demo

The demo is similar to the Django REST example and includes all features, though you are not able to update the database.

Keep me updated

If you want us to keep you updated, follow us on Twitter or leave your email address.