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

HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX
Build Responsive Real-World Websites with HTML and CSS
Udemy
HTML5 & CSS3 Course: Build Responsive Websites from Scratch
Udemy
Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Udemy
Modern HTML & CSS From The Beginning 2.0 (2024 Revamp)
Udemy