YoVDO

React Admin Dashboard Tutorial - Responsive React Admin Panel UI Design Course

Offered By: Lama Dev via YouTube

Tags

React Courses Web Development Courses Responsive Design Courses CSS Grid Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn to build a responsive React admin dashboard in this comprehensive tutorial. Start with React installation and progress through creating pages, implementing React Router, and designing the layout with global styles and CSS variables. Master essential components like the navbar, footer, and menu. Dive into practical applications of CSS Grid and explore data visualization with ReCharts. Gain hands-on experience with MUI DataGrid, modal creation, and CRUD operations. Conclude by making the dashboard responsive and deploying it to a hosting service. Perfect for beginners looking to enhance their React and UI design skills.

Syllabus

Introduction
React Installation
Pages and Layout
React Router Dom Tutorial
Global Styles and CSS Variables
React Navbar Design
Footer Design
React Menu Design
CSS Grid Real-World Example
React Chart Tutorial ReCharts
React Dashboard Animated Charts
React MUI DataGrid Tutorial
React Modal Tutorial Add New Item
React Single Product Page Design
React Admin CRUD Test
React Admin Dashboard Responsive Tutorial CSS Grid
Deploying to the Hosting
Outro


Taught by

Lama Dev

Related Courses

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity