Skip to main content
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.