Pixels
React Platform
UI Framework
Data Provider
Auth Provider
npm create refine-app@latest -- --example pixels
Description
This example presents the RefineWeek series - a seven-part quickfire guide to help developers learn the ins and outs of Refine and Supabase's powerful capabilities and get going with Refine within a week.
The source code for this CRUD app is open-source, providing an opportunity for you to use or examine it to gain a deeper understanding of how Refine operates. The CRM application featured in this series utilizes a Supabase API through Refine's Supabase data provider, and its user interface is crafted using Ant Design.
This CRM application consumes a Supabase API through Refine's Supabase data provider, and its user interface is developed using Ant Design, which Refine offers built-in UI framework support.
We built this template to demonstrate how the Refine framework simplifies and speeds up development. It is a valuable resource, offering insights into Refine's best practices and modern development techniques.
Key Features:
- Realtime Collaboration Features: Implements real-time updates using Supabase's Realtime for collaborative canvas drawing.
- Role-Based Authorization: Incorporates user role-based authorization with different permissions for editors and admins.
- Audit Logging: Implements an audit log for tracking pixel drawing activities in both the client and admin apps.