with

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.
Timeline
February 14, Monday
Pilot & Refine architecture

Overview about Refine and Supabase the app we built during the article series.
Read articleFebrurary 15, Tuesday
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 articleFebrurary 16, Wednesday
Adding CRUD Actions & Authentication

We start implementing CRUD functionalities like creating, showing a canvas, drawing pixels and user authentication using supabase.
Read articleFebrurary 17, Thursday
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 articleFebrurary 18, Friday
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 articleFebrurary 19, Saturday
Add Role Based Authorization

We'll implement Role Based Access Control (RBAC) on our Pixels Admin app.
Read articleFebrurary 20, Sunday
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 articleAdditional Sources
#refineweek