React Project using Material UI Free Code: Create ToDo List App in React in Hindi in 2020 #45

Поділитися
Вставка
  • Опубліковано 17 гру 2024

КОМЕНТАРІ • 134

  • @ThapaTechnical
    @ThapaTechnical  4 роки тому +6

    Click Here for Free Source Code Link ➡️ www.thapatechnical.com/2020/06/create-todo-list-app-project-in-reactjs.html

    • @maherawais2656
      @maherawais2656 4 роки тому +3

      Browsers does not allow to copy the code from your website Please share the source code in Github If you want the traffic come to your website then give the github link in your website where are unable to copy the code .I'm your big fan and following your from the start You are great.

  • @MaxProgramming
    @MaxProgramming 4 роки тому +25

    The best thing I like about you is that you are very active, energetic and very creative. KEEP IT UP!

    • @ThapaTechnical
      @ThapaTechnical  4 роки тому +6

      thank you :)

    • @John12685
      @John12685 4 роки тому +4

      @@ThapaTechnical Thapa bhai pla isi series me 2 ya 3 comparatively Large projects b bna k dikhana pls so that we can practically learn to make projects out of it. Or cv pe b acha impression hojayga beginning job leni ja mjhe to abi. Islye keh rha hun. Thanks 😊

  • @mohammadhuzaifa5985
    @mohammadhuzaifa5985 Рік тому +1

    The best thing I like about you is that you are very active and very creative. KEEP IT UP! love from pak

  • @gauravnath2272
    @gauravnath2272 4 роки тому +2

    thank you! i just finished this project along with the tutorial. took 1.5 hr

  • @PrakashYadav-ur8or
    @PrakashYadav-ur8or Рік тому +4

    don't forget to write !important with value of color and background-color property while applying css on material ui
    then only you can see impact on those
    .new_btn{
    width: 50px;
    height: 55px;
    background-color: #16a085 !important;
    color: white !important;
    box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.3);
    border-radius: 50% !important;
    }
    .new_btn:hover{
    background-color: green !important;
    cursor: pointer;
    }

  • @rushikeshkedari5403
    @rushikeshkedari5403 4 роки тому +2

    The best thing I like about you is the simplicity level. That how you explain the concept is very awesome 😎

  • @Way_Of_The_Light
    @Way_Of_The_Light 4 роки тому +3

    Thank you 🙇‍♂️ PRO TIP: you can use the bang operator to do toggle/undo line through ```setLine(!line);```

  • @EWorldHub
    @EWorldHub 4 роки тому +1

    Superb... Bole to Bahot Hard

  • @sudippatil7786
    @sudippatil7786 3 роки тому +1

    instead of ... use to view perfect circle

  • @Shoaib_Khan9272
    @Shoaib_Khan9272 Рік тому +1

    I like it Boom,Boom you are Awesome Boom

  • @ashishchauhan5203
    @ashishchauhan5203 3 роки тому

    bro i love your talking style. just paused the video to tell you that.

  • @reeshabhkapoor7
    @reeshabhkapoor7 4 роки тому +3

    I used Material UI button and used className for css properties but I am getting the default material UI button and my css styling is not applied.. Please help..
    Thanks

  • @rajbannasa7662
    @rajbannasa7662 3 роки тому +1

    thank you so much sir , we are so blessed to have you sir

  • @anushthachaturvedi1844
    @anushthachaturvedi1844 3 роки тому +1

    Sir isme jab Button component ki newBtn class mein jb styling de rhe hain to koi change aahi nhi rha h browser mein .......button vaisa ka vaisa hi h ...........isme maine background-color diya to koi change hoye hi nhi

  • @varungoyal8789
    @varungoyal8789 4 роки тому +2

    On deleting an item , line-through gets applied on all the items ..pls help

  • @nishant4429
    @nishant4429 2 роки тому

    Sir line ke ke liye curly braces kyon nhi use kiye wo toh javascript hai na... In ternary operator??? If anyone knows pls ans!!!

  • @SUMITJHAFILMS
    @SUMITJHAFILMS Рік тому

    Very Nice Explaination...I followed along the video getting an bug, Empty task also get added.Please Explain

  • @mriiq1221
    @mriiq1221 Рік тому

    const addItem = () => {
    if (item.length > 0) {
    setNewItem((prevValue) => {
    return [...prevValue, item]
    })
    setItem('')}
    else{
    alert("Can't Add empty")
    }
    }
    Try to add this function so you can't add blank entry

  • @rayhanislam7518
    @rayhanislam7518 4 роки тому +1

    When i write something my line-through isn't working.. And when i click plus added just delete icon. But i can't right anyrhing. Please fix it and update us

  • @DEEPANSHU_NAG
    @DEEPANSHU_NAG 4 роки тому +1

    awesome explanation 👏🏻
    Awesome project 💯
    Best UI ✌🏻
    *_bhai React JS playlist me videos double triple yah usse jada add ho gya h plz thik kr dejiye 🙏🏻_*

  • @chiragrathod6994
    @chiragrathod6994 4 роки тому +4

    Working with json.
    Get & post method.
    Make sum login authentication project.

  • @DeepakGupta-hj2dv
    @DeepakGupta-hj2dv 4 роки тому

    Wow great brother. ..react mai flux ka video kab aayega ...flux implementation

  • @sahilsambyal4472
    @sahilsambyal4472 2 роки тому

    koi btayega jo b component import horha uska color green kese ho rha kon sa extension hai?

  • @koiacchanaambatao3738
    @koiacchanaambatao3738 4 роки тому

    hello one doubt, why don't we need id in this program. In previous program of Todolist, we need id but why not in this program, explain!!!!!!!

  • @girrajkushwahin
    @girrajkushwahin Рік тому

    Funny moment - code dusri file mai kr diya start krna. I just stand up from my chair and started watching that what's happening 😅🤣 then he said ho jata hai kabhi kabhi yarr😆🤣

  • @omkarsharma3229
    @omkarsharma3229 4 роки тому

    After 1 day new video uploaded react projects 2. Thanks sir

    • @omkarsharma3229
      @omkarsharma3229 4 роки тому +1

      Sir digital clock using npm project i didn't get output please solve my problems sir..
      I have watched each and every video 1 to till now... I got one problem npm digital clock project

  • @onlinesoftwareacademy3763
    @onlinesoftwareacademy3763 4 роки тому

    very nice bro very infromation about the IT thanks

  • @mdnaiyerhoda9853
    @mdnaiyerhoda9853 2 роки тому +1

    i got error as
    Module not found: Error: Can't resolve '@mui/icons-material/Add' in 'E:
    eact1\heromotor\src'
    please help

    • @dishasuthar3753
      @dishasuthar3753 2 роки тому +1

      Write Import button from "@material-ui/icons/Add" instead of
      Import button from "@mui/icons/Add"

  • @rahulnautiyal3381
    @rahulnautiyal3381 4 роки тому

    Thank you so much sir hatts off for your dedication its very helpfull ❤❤❤😍

  • @zaigham8258
    @zaigham8258 Рік тому

    Bro can you please help me because whenever i do line through exactly how you do it linethorough all data why!?

  • @Muhammadwaseemkha9003
    @Muhammadwaseemkha9003 4 роки тому

    Sir ye wali video smjh aaai hy pehly wali thori si mushkil thi

  • @swatinegi2683
    @swatinegi2683 3 роки тому

    Submit here Submit text is not showing on button. Even I import it and also install material UI still it is not working. Please help me!!

  • @muhammadnoman6513
    @muhammadnoman6513 3 роки тому

    I want to edit the material UI button I follow you as it is but CSS not work, all the code copy from your site

  • @anmolsingh4969
    @anmolsingh4969 3 роки тому

    Yes today I learn we can implement double click and onclick event on same elements

  • @FightAgainstMathsFear
    @FightAgainstMathsFear 4 роки тому +1

    Thapa Bhai please make a full Canvas tutorials 🙏🙏🙏

  • @mohitgangwar3232
    @mohitgangwar3232 3 роки тому

    Broh you are the best 🥳

  • @saniyakhan2318
    @saniyakhan2318 2 роки тому

    i have a problem that is whenever im clicking on button without entering im getting a blank list how i do overcome this

  • @amitsharma-ri3qk
    @amitsharma-ri3qk 4 роки тому +1

    Bhai please please make some tutorial on redux...app pakka sikha doge i know that..baki koi nahi sikha paa raha .. mene pura UA-cam Chan mara.. please make redux easy for us as you did for react

  • @chinmaymishra0609
    @chinmaymishra0609 2 роки тому +1

    Hi Respected Sir Good Afternoon
    Sir if someone clicked on delete item by mistake, then it will be considered that item purchased.
    So I have deleted items like this.
    So that if by mistake we clicked on a delete item, that we don't want to delete, then we can recover that again, by using this code of line.
    const deleteItem = () => {
    return setDeleteIt(!deleteIt);
    }

  • @shrinathdeshmukh2687
    @shrinathdeshmukh2687 4 роки тому

    my material UI Icon is not showing up onscreen. Please, help me out with this

  • @saroshahmed7097
    @saroshahmed7097 4 роки тому +1

    Hi sir bootsratap kese use karte hain react main please reply????

  • @shyamsunder2318
    @shyamsunder2318 3 роки тому

    Hi sir can you pls suggest how I can use both Line and delete functionality with separate buttons

  • @PraveenKumar-xv3kd
    @PraveenKumar-xv3kd 3 роки тому

    please solve the above task using last entry at the top ie. [item, ...oldList] rathet then [...oldList, item]

  • @rahul-java-dev
    @rahul-java-dev 4 роки тому +2

    Plz , how can we deploy these react projects on Github ?

    • @taruntanmay9431
      @taruntanmay9431 3 роки тому +3

      Firstly go to your github account and create your repository, for example:
      "reactprojects",
      in terminal, get in your react app folder.. and then run these commands
      1) git init (makes your local folder on computer a git repository)
      2) git add . (you add all the files in your project)
      (You'll be asked to login in your github account and authorize your code editor/ terminal)
      3) git commit -m "Your message" (You commit to all the changes, i.e. adding all those files to be tracked)
      4) git push (pushing all files from local git branch to online repository's origin)
      then it will ask you to set an upstream (basically in which branch you want to push all these files)
      5) git -set-upstream origin master or git -set-upstream origin yourBranch
      maybe in this process you might have to set remote too,
      6) you can run, "git remote add origin" and then you can run the command in point 5.
      after point 5 your upstream will be set,
      7) git push
      (it will automatically push all those files to your online/remote repository's master branch, with a commit message "your message" which you have added in point 3)
      Hope that helps.

  • @nishant4429
    @nishant4429 2 роки тому

    sir prevalue kya hai wo kaise pta chlega?

  • @yogesh19953
    @yogesh19953 4 роки тому

    Bro please video bnana continues rakhna

  • @akashkoshti5052
    @akashkoshti5052 3 роки тому +1

    Make tutorial on Login+Registration+CRUD operation in MERN Stack??

  • @saumyasingh1288
    @saumyasingh1288 4 роки тому

    Can you please help me to add filter property (All, Active, Completed) in the same Todo List

  • @shivamshukla9270
    @shivamshukla9270 3 роки тому

    Can Someone Help me to get ride from this error? Module not found: Can't resolve '@mui/icons-material/AccessAlarm

  • @roshanraj674
    @roshanraj674 4 роки тому

    bhai aisa v kya jldi tha ki package ko instakk krna v nhi btaya .....jb project iss video me bna rhe ho tbb kon se paakcages ki jruart h install ki wo v bta dete jldi jldi me

  • @introvertleader
    @introvertleader 4 роки тому

    Database ka kab aayega and ham konasa database use karane vale hai "Firebase".

  • @ashishchauhan5203
    @ashishchauhan5203 3 роки тому

    i made the todo app as you taught.. but when the textfield is empty and suppose i click the add button.. an empty list item gets added along with the delete button. all my app is working fine but i just figured this bug. how can i resolve this bug? and suppose i dont want to click the button just want to press enter after typing.. how can i add that functionality?

    • @codingtime3803
      @codingtime3803 3 роки тому

      did you figure it out?

    • @dishasuthar3753
      @dishasuthar3753 2 роки тому

      Add if else condition it will work for u i did and worked well for me

  • @moviewallah82
    @moviewallah82 10 місяців тому

    Mene to line through javascript se kar diya tha 😅

  • @jigneshji3228
    @jigneshji3228 4 роки тому

    sab course Dr. Angela Yu ka jaisa kaise karte ho thapa ji

  • @syedali3294
    @syedali3294 3 роки тому

    PLS CAN U TELL ME THAT THE TASK IS GETTING A LINE ON IT ,ACTUALLY IT SHOULD BE DELETED , PLS CAN U TELL ME

  • @bhakuninavneet3906
    @bhakuninavneet3906 4 роки тому

    Thanku sir.
    Plss make a mini project using the crud operation.

  • @webseries9482
    @webseries9482 4 роки тому +1

    Bhai python pe videos bana..1h ka

  • @darpanbhattarai9696
    @darpanbhattarai9696 Рік тому

    i havenot understood map function in your code. please explain to me Thapa technical

  • @nileshratanguptanrg
    @nileshratanguptanrg 3 роки тому

    sir pls make one video with redux and react. it will be great help of yours. Thankyou in advance.

  • @SonuKumar-sh9cd
    @SonuKumar-sh9cd 4 роки тому

    Muja last wala data first m chya how can I do

  • @ganeshpawar-uh9sr
    @ganeshpawar-uh9sr 3 роки тому

    Digital clock not showing output ,clock not defined in App.js file

  • @girishkumar3776
    @girishkumar3776 4 роки тому

    Hello...Vinod Bhaiya....... Meri Aapse Ek Request hai.......... Kya Aap Hamare Liye........... PHP me Software Kaise Banata hai........... Or Ek PHP Me Software Bana kar...... Hame Explain kar sakte hai........ Aapne Abhi tak..... Hame Website Banana toh...Sikha diya....... Meri Ek Request hai ki........ Aap Ab PHP me Software Kaise Banta hai.......... Vo bhi Hame Samja.... De Please Sir........... It's My Request....

  • @muhammadjawad1227
    @muhammadjawad1227 3 роки тому

    css not working on material ui. please guide me

  • @samqureshi9415
    @samqureshi9415 4 роки тому

    Todo + form and make another video os that we can have as much as fields in todoapp?

  • @asifnawaz9732
    @asifnawaz9732 3 роки тому

    CSS isnt working on mui v5 button.

  • @theperfectguy5055
    @theperfectguy5055 4 роки тому +1

    Bhai react native ka tutorial banona please

  • @rajatsangroula8995
    @rajatsangroula8995 4 роки тому

    yo are typing in lowercase as "buy an apple" but the list is being displayed in uppercase as "Buy An Apple".. How is that possible ?

    • @mukulsaini6726
      @mukulsaini6726 2 роки тому

      it was because he used CSS to make it upper case

  • @nomanmemon74
    @nomanmemon74 2 роки тому

    Awesome, videos,

  • @chiragrathod6994
    @chiragrathod6994 4 роки тому

    One seprate video for reactjs with redux.
    Many time to come with redux

  • @surajmohanty528
    @surajmohanty528 4 роки тому

    Are sir sare ek sath cross horaha he help..plz

  • @dineshasekar6918
    @dineshasekar6918 4 роки тому

    How to used meadia questions with Material UI

  • @manojgaikwad2560
    @manojgaikwad2560 4 роки тому

    Please make a video on MERN CRUD app like todo app

  • @yasirsohail9986
    @yasirsohail9986 3 роки тому

    Source code nii mil rha link sa??

  • @sahilrelan6654
    @sahilrelan6654 4 роки тому

    Thanks vinod gbu

  • @velanisachin6868
    @velanisachin6868 4 роки тому

    Please sir make a mini project using the crud operation in reactJS

  • @srclub197
    @srclub197 2 роки тому

    Material ui is not working

  • @thecoderraj3777
    @thecoderraj3777 4 роки тому

    Thanks Sir:)

  • @gauravnath2272
    @gauravnath2272 4 роки тому

    i personally admire your way of teaching, but in this react series you're going too fast forward and sounding bit careless as well. so think about it.

  • @ZeeshanMRaje
    @ZeeshanMRaje 2 роки тому

    22:00

  • @malikalyan3201
    @malikalyan3201 4 роки тому

    React routing pr aik video bnao

  • @dannyyyislive5294
    @dannyyyislive5294 3 роки тому

    thank you sir..

  • @mdabuabdullah1282
    @mdabuabdullah1282 4 роки тому

    Amazing

  • @webcode6071
    @webcode6071 4 роки тому

    Ubr awesome

  • @madankuamr6307
    @madankuamr6307 3 роки тому

    Thanks Sir

  • @buddyshreyansh
    @buddyshreyansh 4 роки тому

    nice

  • @DeepakGupta-hj2dv
    @DeepakGupta-hj2dv 4 роки тому

    React Flux or video bnao please

  • @centermanagehelpcenter2061
    @centermanagehelpcenter2061 4 роки тому

    edit???

  • @SantoshYadav-xb2hg
    @SantoshYadav-xb2hg 4 роки тому

    One vedio file encryption and decryption

  • @tirubhuwan6203
    @tirubhuwan6203 2 роки тому +1

    I like your smile

  • @aamirsaleem5294
    @aamirsaleem5294 4 роки тому

    osm

  • @iUmerFarooq
    @iUmerFarooq 4 роки тому +1

    Create more projects.

    • @siddhant2002
      @siddhant2002 4 роки тому +1

      Bhai tu yaha par bhi or Yahoo baba par bhi 😄

    • @siddhant2002
      @siddhant2002 4 роки тому +1

      Bhai tu yaha par bhi or Yahoo baba par bhi 😄

    • @iUmerFarooq
      @iUmerFarooq 4 роки тому +1

      @@siddhant2002 Yahoo baba tho apna Favorite teacher ha. 😉

    • @siddhant2002
      @siddhant2002 4 роки тому +1

      @@iUmerFarooq ha mera bhi phehele sabhi yahoo baba kr video dekhata hu badamai so samaj nahi ata vo Thapa Technical mai dekhata hu . By the way where are you from ?. I'm from Gujarat. 🙃

  • @sumanlala8572
    @sumanlala8572 4 роки тому

    coding part is difficult

  • @akhileshchauhan9561
    @akhileshchauhan9561 9 місяців тому

    Asking for money for source code,,, css file

  • @mukeshprajapati7524
    @mukeshprajapati7524 3 роки тому

    ⚡⚡

  • @hannanafridi1649
    @hannanafridi1649 3 роки тому

    💗

  • @jashanpreet832
    @jashanpreet832 4 роки тому

    💯

  • @hannanafridi1649
    @hannanafridi1649 3 роки тому

    💖💗

  • @chaitanyadixit3734
    @chaitanyadixit3734 3 роки тому

    Module not found: Can't resolve '@mui/icons-material/Add' Im getting this type of error. Please help me solve this

  • @408sanketdeshmukh3
    @408sanketdeshmukh3 11 місяців тому

    🧡