Build and Deploy a React Admin Dashboard With Real time Data, Charts, Events, Kanban, CRM, and More
JavaScript Mastery JavaScript Mastery
962K subscribers
495,039 views
12K

 Published On Jan 19, 2024

Build an admin dashboard with full authentication, a homepage displaying charts and activities, a comprehensive table for companies with CRUD and search, and a Kanban board with real-time synchronization using Refine Framework.

⭐ Refine: https://github.com/refinedev/refine
‎💻 App Source Code and Readme (code snippets at the bottom): https://github.com/refinedev/refine/t...

🌟 Become a top 1% Next.js 14 developer in only one course: https://jsmastery.pro/next14

💻 Join our Discord Community -   / discord  
🐦 Follow us on Twitter:   / jsmasterypro  
🖼️ Follow us on Instagram:   / javascriptmastery  

💼 Business Inquiries: [email protected]

Time Stamps 👇
00:00:00 — Intro
00:04:33 — Create Refine Project
00:07:39 — Refine Dev Tools
00:09:48 — Remove unnecessary files
00:10:45 — Data provider setup
00:29:44 — Auth provider
00:34:02 — Workflow setup
00:36:41 — Initial routes demo
00:40:39 — Update login
00:42:49 — App routes and layout setup
01:33:04 — Home deals and upcoming events
02:15:49 — Latest activities and total count cards
02:52:53 — Company list page
03:12:24 — Create company
03:29:25 — Company edit
03:47:34 — Kanban board
05:11:04 — Kanban task create
05:18:45 — Kanban task edit
05:28:26 — Deployment

show more

Share/Embed