Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build and Deploy a React Admin Dashboard with Real-time Data and Features

JavaScript Mastery via YouTube

Overview

Develop a comprehensive React admin dashboard with real-time data, charts, events, Kanban board, and CRM functionality using the Refine Framework. Learn to implement full authentication, create a dynamic homepage with charts and activity displays, build a detailed company table with CRUD operations and search capabilities, and integrate a Kanban board featuring real-time synchronization. Follow along as the tutorial guides you through project setup, data provider configuration, authentication implementation, route creation, and component development for various dashboard features. Gain hands-on experience in creating interactive elements such as deals tracking, upcoming events, latest activities, and total count cards. Master the process of building and customizing a company list page, including creation and editing functionalities. Dive deep into Kanban board implementation, including task creation and editing. Conclude the learning journey by deploying your fully-functional admin dashboard.

Syllabus

— Intro
— Create Refine Project
— Refine Dev Tools
— Remove unnecessary files
— Data provider setup
— Auth provider
— Workflow setup
— Initial routes demo
— Update login
— App routes and layout setup
— Home deals and upcoming events
— Latest activities and total count cards
— Company list page
— Create company
— Company edit
— Kanban board
— Kanban task create
— Kanban task edit
— Deployment

Taught by

JavaScript Mastery

Reviews

Start your review of Build and Deploy a React Admin Dashboard with Real-time Data and Features

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.