Skip to main content
Refine AI
Back to templates

Pixels

Pixels
React Platform
Vite
UI Framework
Ant Design
Data Provider
Supabase
Auth Provider
Supabase
Run on your local
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.