More Premium Hugo Themes Premium React Themes

React Admin Low Code

react-admin (via ra-data-hasura provider) + hasura = :)

React Admin Low Code

react-admin (via ra-data-hasura provider) + hasura = :)

Author Avatar Theme by cpursley
Github Stars Github Stars: 224
Last Commit Last Commit: Aug 14, 2022 -
First Commit Created: Jun 19, 2023 -
React Admin Low Code screenshot

Overview:

The React Admin Low Code is an example application built with react-admin, a configuration-based CRUD admin UI builder. This application demonstrates how to use the ra-data-hasura data provider with Hasura, an automatic GraphQL API backend on top of PostgreSQL. By combining these two technologies, users can easily build a back-office admin suite in a short amount of time. Additionally, the example application has been extended by other developers to include Docker Compose for development, Firebase for authentication, and Flyway for database migrations.

Features:

  • Integration with ra-data-hasura: The application demonstrates how to use the ra-data-hasura data provider with Hasura to connect react-admin with a GraphQL API backend.
  • CRUD Admin UI Builder: react-admin provides a configuration-based approach to building CRUD admin interfaces, making it easy to create, read, update, and delete data.
  • Flexible Authentication Options: By integrating with Firebase, the application allows for easy authentication and authorization of users.
  • Database Migration Support: The integration of Flyway enables easy management and execution of database migrations.

Installation:

To install and run the React Admin Low Code application, follow these steps:

  1. Clone the repository:

    git clone https://github.com/[repository-name]
    
  2. Install dependencies:

    yarn install
    
  3. Start the development server:

    yarn start
    

    Open http://localhost:3000 to view the application in the browser.

  4. (Optional) Run tests:

    yarn test
    
  5. Build the application for production:

    yarn build
    

    This will create a build folder with the optimized and minified application files ready for deployment.

Summary:

The React Admin Low Code example application showcases the capabilities of react-admin, ra-data-hasura data provider, and Hasura’s GraphQL API backend. It demonstrates how these technologies can be used to quickly build an admin suite with CRUD functionality. The integration with Firebase and Flyway also enhances the application by providing authentication and database migration support. Whether you are a beginner or an experienced developer, this application serves as a valuable resource for understanding and implementing a low-code solution for admin interfaces.