React + Material UI #2: Actually coding a UX design

For this video, I downloaded Figma and Material's plugin for Figma and made a very basic UX design. The point of the video is to showcase how you would go about coding a site from scratch with React and Material UI while following a UX design.

The end product was not pixel perfect by any means - which is fine since the point of the video is to demonstrate the workflow as opposed to specific css stylings.

In this video we go over:
- How to install Material UI
- What is Material UI Grid?
- How does Material UI Grid work?
- How to create a Grid component and nest a content and header within it
- Using the Material UI Appbar and Toolbar to create a header
- Using Material UI MakeStyles and Icons
- Using the Material UI Card, with CardHeader, CardActions, CardMedia, and CardContent sub components
- Using Grid to create a responsive screen size
- Dynamically displaying content within a Material UI Component

Github link: https://github.com/AtotheY/material-ui-ux-video

Please let me know anything else you would like me to cover in the comments below! :)

The Forge Coding Tutorials...http://theforge.ca

Follow me on Social Media:
https://www.linkedin.com/in/asistilli/
https://www.tiktok.com/@anthonysistilli
https://www.instagram.com/asistilli/

Видео React + Material UI #2: Actually coding a UX design канала Anthony Sistilli