Adding topics with their specific time in the video description would help to go back and revieing an specific topic.
@Grepsoft2 жыл бұрын
added. Please see description.
@pedrojunior45162 жыл бұрын
@@Grepsoft Thank you.
@Shakeel7142 жыл бұрын
You are great teacher -- straight forward, to the point. Learning important concepts of MUI and React during this video. Thanks for sharing your knowledge
@Grepsoft2 жыл бұрын
Thank you. Please like and sub for more great content
@WildHowlYT2 жыл бұрын
Amazing project! Material UI seems kind of hard to understand at first, but once you get used to it, you won't build another React project without it haha :)
@Grepsoft2 жыл бұрын
That is so true
@hiba_computer_federal_HSSC Жыл бұрын
@@Grepsoft {matches? :Desktop} function AppBarDesktop({matches}) { return ( AppBarDesktop ) } how AppBarDesktop content appeared in AppBar without calling it? someone help please.
@__PRIYANKABHAGAT Жыл бұрын
can you tell if it's responsive or not?
@sdfsfsfd437 Жыл бұрын
💯💯💯👍💛 great video!!! Many thanks!!
@narayanadevarapu8083 Жыл бұрын
Thank you so much for this tutorial, I learned a lot. Coded along with you. Understood the importance of structuring the project. Got a good glimpse of Material UI components. Once again thank you 🤟 keep publishing this kind of detailed projects.
@hiba_computer_federal_HSSC Жыл бұрын
{matches? :Desktop} function AppBarDesktop({matches}) { return ( AppBarDesktop ) } how AppBarDesktop content appeared in AppBar without calling it? someone help please.
@marjanrezvani78202 жыл бұрын
Thank you so much for this excellent project tutorial
@testify7228 Жыл бұрын
Great👏 man
@harunabello5032 жыл бұрын
Amazing tutorial, please keep making more tutorial on MUI
@sunithat67712 жыл бұрын
looking cool, thank you very much
@riamahmed70192 жыл бұрын
wowwwwwwwww. just an awesome,unique and many things included this videos. I loved this. No one shows like you how to use MUI. Thanks. Requesting make another video where you'll show also dashboard how should design using mui v5.
@Grepsoft2 жыл бұрын
Will make a dashboard, stay tuned :)
@danielraducu90732 жыл бұрын
love it !
@alexsandromartins60732 жыл бұрын
awesome bro I really enjoyed your tutorial , tks🔥
@pedrojunior45162 жыл бұрын
Great tutorial!
@kamalmd.mostafa75982 жыл бұрын
Awesome but hard to understand everything. If Possible make one using built in component and customize on it simply. Thanks. Waiting for next videos, hope will come soon.
@Grepsoft2 жыл бұрын
Sure, any suggestions please?
@PhamacThangph Жыл бұрын
good lecture
@surendrawagle18962 жыл бұрын
Awesome tutorial... 👍👍Can you also please create tutorial on creating advanced dashboard using material ui 5??
@Grepsoft2 жыл бұрын
Yes, I am already working on it and as soon as I am finished will be released. Stay tuned!
@Grepsoft Жыл бұрын
kzbin.info/www/bejne/aGK2o6WtgN2YeKM
@shubhamgore43202 жыл бұрын
Thanks for this excellent project tutorial ... but I have one request when you make tutorials please increase the FONT SIZE of VsCode ... it is really hard to code along with watching tutorials.
@Grepsoft2 жыл бұрын
noted, will adjust the font size.
@pasindudinushamadushan69832 жыл бұрын
awesome . from Srilanka
@Ks-oj6tc11 ай бұрын
Thanks bro, wonderfull
@Grepsoft8 ай бұрын
My pleasure
@guilhermewilly89162 жыл бұрын
top amigão!
@micaiahwambua18852 жыл бұрын
A great tutorial, keep up! Anyone getting an error after wrapping the MyList in the actions function with a the Component? Any help?
@micaiahwambua18852 жыл бұрын
I figured it out, a careless mistake
@Factvideo014 Жыл бұрын
Sir on middleDivider why you use backtick at end🤔
@Grepsoft Жыл бұрын
It’s a template literal
@haroondeveloper Жыл бұрын
make make more project sepacialy with material ui and react router plzplzplz i will wait for it sir u r so great mentor
@haroondeveloper Жыл бұрын
please dir make more projects on material ui
@slohning Жыл бұрын
I am finding extreamely interesting, although I am having some difficulties as I follow along. At the creating the appbar mostly works but when I adjust for mobile size I get the actions floating over the top not moving to the bottem as you show. Any ideas where I should look to fix this proble.
@Grepsoft Жыл бұрын
Can you please share the media query you are using?
@hiba_computer_federal_HSSC Жыл бұрын
{matches? :Desktop} function AppBarDesktop({matches}) { return ( AppBarDesktop ) } how AppBarDesktop content appeared in AppBar without calling it? someone help please.
@MrMike44v Жыл бұрын
interesting, but why would you make separate page for mobile , when in react you can customize it for desktop and mobile?
@Grepsoft Жыл бұрын
This is just my style since it keeps things separate and easy to manage but you can combine of you prefer.
@estebansat Жыл бұрын
Thank you so much for this tutorial, I've learnt a lot. Hopefully you make more in the near future. Just one questions, does anyone know why src is not working unless I use a variable? I mean, if I do: *import picture from "path"* and then ** the image will show. However, if I just paste the path on the src, like * *, the image will not show. Why is this happening?? Did I miss something?
@Grepsoft Жыл бұрын
You mean you are hard coding the path?
@estebansat Жыл бұрын
@@Grepsoft No, I want to use relative or dynamic path, just as you did in 1:02:58 ( * * ) but the image does not show and I get no error. However, doing *import banner from "./images/banner/banner.png"* and then including this *banner* in the source ( *src={banner}* ) it does work. Does it make more sense now?
@Grepsoft Жыл бұрын
@@estebansat try with ticks e.g. BannerImage src={`${picture}`}
@hiba_computer_federal_HSSC Жыл бұрын
{matches? :Desktop} function AppBarDesktop({matches}) { return ( AppBarDesktop ) } how AppBarDesktop content appeared in AppBar without calling it? someone help please.
@adminzaappy80982 жыл бұрын
Great session and thanks for that. One question: what about the backend. how to do connect this to a backend. is it possible with wordpress ecommerce. ?
@Grepsoft2 жыл бұрын
definitely possible. WC has an api and you can easily call it to fetch products, pricing and more woocommerce.github.io/woocommerce-rest-api-docs/#products
@adminzaappy80982 жыл бұрын
@@Grepsoft : why dont you create a video which shows how to connect it with WC. Thanks advance. Or any video you can advice.
@Grepsoft2 жыл бұрын
@@adminzaappy8098 check this out kzbin.info/aero/PLD8nQCAhR3tQ5GvL6zkPb-ASbvgTiCiUb
@hiba_computer_federal_HSSC Жыл бұрын
{matches? :Desktop} function AppBarDesktop({matches}) { return ( AppBarDesktop ) } how AppBarDesktop content appeared in AppBar without calling it? someone help please.
@Grepsoft Жыл бұрын
are you sharing the correct code? You are using the ternary operator the wrong way. It should be like this: condition ? do this when condition is true : do this when condition is false.
@hiba_computer_federal_HSSC Жыл бұрын
@@Grepsoft yeah fixed it. thankyou :)
@-thepighunter2819 Жыл бұрын
Does it have backend Please tell all the techs used in this project
@fuukowatty9817 Жыл бұрын
2:44:24 - Should be FullPageSearch not AddingDrawer
@manikantabalaga3255 Жыл бұрын
suuuuuiii 😆
@rogerjohnson83442 жыл бұрын
awesome tutorial
@AnissaLopez939 ай бұрын
Hi! Where is your video linking the animations?
@Grepsoft9 ай бұрын
Please see my channel. I have videos on animation.
@lewisnt_2 жыл бұрын
CANADAAAAAAA
@deprasmahaputra62352 жыл бұрын
please someone explained why my code error in AppbarDesktop " export default function AppbarDesktop ({ matches }) . how i can solve for ({ matches }) can works ?
@Grepsoft2 жыл бұрын
what is the error?
@deprasmahaputra62352 жыл бұрын
@@Grepsoft can't works to see the result, it's because i use typescript?
@Grepsoft2 жыл бұрын
@@deprasmahaputra6235 without looking at code, I would say probably.
@deprasmahaputra62352 жыл бұрын
@@Grepsoft may i contact you from your social media ? I will send you the screenshot
@Grepsoft2 жыл бұрын
@@deprasmahaputra6235 sure
@Factvideo014 Жыл бұрын
Sir on last I not understand I am using navlink for product detail page u doing complex 🤔😕
@Grepsoft Жыл бұрын
Hi, why is it complex?
@Factvideo014 Жыл бұрын
@@Grepsoft sir really I not understand on modal and useCallback
@bijendernagar152 жыл бұрын
awesome tutorial sir pls increase the font size of vs code
@Grepsoft2 жыл бұрын
sure, will remember :)
@branden89152 жыл бұрын
Why do you separate your styles out into a different folder? Why not just leave them in the file
@Grepsoft2 жыл бұрын
This is just my style but you can definitely do that. For large projects it's good to split items by functionality into separate folders.
@lehuynh7637 Жыл бұрын
can you build backend for this project?
@Grepsoft Жыл бұрын
What kinda tech stack you prefer?
@abhishekcode2 жыл бұрын
Upload mern curd operation from scratch
@smartjefreycoca54252 жыл бұрын
make a tutorial for User Management System using React and Mui
@Grepsoft2 жыл бұрын
Sure I can make
@hussamuddin16042 жыл бұрын
subscriber #955
@hiba_computer_federal_HSSC Жыл бұрын
{matches? :Desktop} function AppBarDesktop({matches}) { return ( AppBarDesktop ) } how AppBarDesktop content appeared in AppBar without calling it? someone help please.
@riamahmed70192 жыл бұрын
after the full video watched , I feel like its more complex, you are using everything custom. So, why need to use MUI? you didn't use Build in component Appbar,....anyting. Its really hard to understand and need much much time to do something. Sorry.
@Grepsoft2 жыл бұрын
My goal is to teach you how to customize everything. I can make a basic video if you want.
@riamahmed70192 жыл бұрын
@@Grepsoft Sure, I want .please make one for us.
@muneebmalik_82 ай бұрын
can you provide me the source code
@Dulaat_e_deen5 ай бұрын
where is sourcce code
@Grepsoft5 ай бұрын
It’s somewhere
@overunityinventor2 жыл бұрын
The title of the video should be "How to do transition from HTML/CSS to MUI in React", because you are not using full potential of MUI, you are just using MUI components but for styling you are using custom CSS.
@Grepsoft2 жыл бұрын
Can you please make a video showing full potential of MUI. This will benefit us all :)
@overunityinventor2 жыл бұрын
@@Grepsoft i can't, i don't have video recording setup, youtubing is not my aim, but i can make a document, and infact there are already a lot of documents on this, if u Google.
@overunityinventor2 жыл бұрын
@@Grepsoft if you are fond of learning by videos, I have found a good video here, which shows to use the full potential of MUI, please watch it here -- kzbin.info/www/bejne/nKvbdnh5fdOmrLc
@Grepsoft2 жыл бұрын
@@overunityinventor i see
@fayzullo0072 жыл бұрын
24:03
@mohtasham17 ай бұрын
sounds like Ronaldo is speaking .
@Grepsoft7 ай бұрын
😂
@kashafudduja_17 Жыл бұрын
Material ui is not working in my project i have downloaded npm install @mui/material @emotion/react @emotion/styled but still its not working in my project
@Grepsoft Жыл бұрын
what error are you getting?
@kashafudduja_17 Жыл бұрын
@@Grepsoft There isn't any error but the result on Web page is showing like I wrote an html code
@Grepsoft Жыл бұрын
@@kashafudduja_17 can you check package.json to see if mui is ineed there? Also check browser console for any errors.
@kashafudduja_17 Жыл бұрын
@@Grepsoft mui is installed in my project but the font is not changing neither the color of button is changing i have installed montez font also but it is not working