YoVDO

React Admin Dashboard Tutorial - React Admin Panel Design Course for Beginners

Offered By: Lama Dev via YouTube

Tags

React Courses Computer Science Courses Web Development Courses User Interface Design Courses Functional Components Courses

Course Description

Overview

Learn to build a comprehensive React admin panel dashboard in this beginner-friendly tutorial. Master the creation of functional components using React Hooks, implement Material UI for sleek design, integrate charts for data visualization, and style with CSS from the ground up. Follow step-by-step guidance to construct essential dashboard elements including a navigation bar, sidebar menu, home page, info widgets, and user management interfaces. Explore advanced features such as Material UI tables, data grids for product listings, and dynamic charts with reCharts. By the end of this hands-on course, gain the skills to create, display, and edit user and product information in a fully-functional React admin panel.

Syllabus

Introduction
Create a React app
React navbar menu component
React sidebar menu component
Creating home page
Admin dashboard info widgets
React chart tutorial
User information components
React Material UI Table tutorial
User display and update page
Add new user page
Data grid product list
Product page with reCharts
Edit component and new product page
Outro


Taught by

Lama Dev

Related Courses

Intro to the Design of Everyday Things
Udacity
Android. Programación de Aplicaciones
Miríadax
Programming Mobile Applications for Android Handheld Systems: Part 1
University of Maryland, College Park via Coursera
Mobile and Ubiquitous Computing
Georgia Institute of Technology via Coursera
Android: Introducción a la Programación
Universitat Politècnica de València via edX