High Quality Dashboard React and Material-UI
In this video, I will show you how to create a modern dashboard using React and Material-UI. We will cover the basics of setting up a new React project and integrating Material-UI for styling. I will also demonstrate how to use React hooks to manage state and handle user interactions. By the end of this tutorial, you will have a fully functional dashboard that you can customize to fit your specific needs.
There is lots of customizations and we will be using the new Grid2 from Material UI.
I will also show you guys how to integrate light and dark mode through a central state.
For the charts we will be using React Apex charts (https://apexcharts.com/docs/react-cha...) which makes the job so much easier.
code: https://github.com/grepsoft/react-mui...
0:00 Intro
2:00 Setup Appbar
44:30 Setup dark mode
51:15 Creating the Appstate and Reducer
1:05:22 Starting the Drawer
1:18:36 Starting the Main component (Header or Hero)
1:36:45 Starting the cards
1:55:59 Creating the Stock chart
You can also checkout my tech blog:
https://techbasehq.com/