Skip to main content
with
refine week
February 14 - February 20, 2023
Stay tuned all week and learn the basics of creating a CRUD app via Refine & Supabase on a fun project in a week.
#refineweek
Timeline
DAY1
February 14, Monday
Pilot & Refine architecture
Pilot & Refine architecture
Overview about Refine and Supabase the app we built during the article series.
Read article
DAY2
Februrary 15, Tuesday
Setting Up the Client App
Setting Up the Client App
We start with setting up the Pixels client app using create refine-app by choosing Ant Design as a UI framework and supabase as a dataprovider.
Read article
DAY3
Februrary 16, Wednesday
Adding CRUD Actions & Authentication
Adding CRUD Actions & Authentication
We start implementing CRUD functionalities like creating, showing a canvas, drawing pixels and user authentication using supabase.
Read article
DAY4
Februrary 17, Thursday
Adding Realtime Collaboration
Adding Realtime Collaboration
Adding supabase as live provider to the project in order that multiple users drawing on the same canvas can see each other's paintings in real-time.
Read article
DAY5
Februrary 18, Friday
Initialize and Build Pixels Admin App
Initialize and Build Pixels Admin App
We'll implement an admin dashboard app and explore how Refine's Ant Design support module is geared to rapidly build CRUD pages for a Refine app.
Read article
DAY6
Februrary 19, Saturday
Add Role Based Authorization
Add Role Based Authorization
We'll implement Role Based Access Control (RBAC) on our Pixels Admin app.
Read article
DAY7
Februrary 20, Sunday
Implementing Audit Logs
Implementing Audit Logs
We'll record each canvas creation and pixel drawings to audit logs table in supabase. And then we’ll be able to display this logs on the admin and the client app.
Read article