Quick React Practice Task | Docs Mini App | React | Framer Motion

Поделиться
HTML-код
  • Опубликовано: 27 ноя 2024

Комментарии •

  • @sheryians
    @sheryians  11 месяцев назад +172

    Pareshaan mat hoiye, pinterest record karne baith gaya hu, ek hi video mein poora cover krdunga, shuru se end tak.
    Views aaye hi nahi to rokni padi series, channel dead nahi kr skte.
    Sorry for your inconvenience
    - your instructor, Harsh.

    • @sufyanali837
      @sufyanali837 11 месяцев назад +1

      okay MAN

    • @HimanshuSingh-cr4ir
      @HimanshuSingh-cr4ir 11 месяцев назад +3

      I hope you get great success🏆💪.
      Don't know about others but this was exactly the kind of study I needed.

    • @virat7215
      @virat7215 11 месяцев назад +1

      ​@a_for_apple3957yes 👍

    • @ankitmaindola9659
      @ankitmaindola9659 11 месяцев назад +3

      Harsh bhaiya leke aao backend jaldi hum dusre nhi padna chahte
      Waiting for part 3 from long time❤

    • @Gamingnishantdesign
      @Gamingnishantdesign 11 месяцев назад +2

      Day 7 b ni aaya bhyia but website video b dhhasu hae

  • @sheryians
    @sheryians  11 месяцев назад +50

    Kaafi saare log react maang rhe the, aaj se pahla kuchh daala hai response achha raha to aage bhi aayega.
    Pinterest 3 agle kuchh dino mein aajayega, jaroor aayega.
    Day 7 maine nahi daala kyuki channel dead ho raha tha, logo ne series mein interest nahi dikhaya.

    • @purenoorvibes
      @purenoorvibes 11 месяцев назад +2

      This video will be exciting, plz continue react series, we want full stack (Mern) project in near future.

    • @hello_Subham
      @hello_Subham 11 месяцев назад +3

      We are
      looking for Complete Playlist of React js pls do it

    • @ankitmaindola9659
      @ankitmaindola9659 11 месяцев назад +1

      Please continue backend too🙏🏻

    • @nusratlines4947
      @nusratlines4947 6 месяцев назад +2

      More quick react mini projects to make us familiar with react.

    • @UCanDoIt-r7c
      @UCanDoIt-r7c Месяц назад

      Bhai Source Code?

  • @himayoun77
    @himayoun77 10 месяцев назад +4

    Anyone want to add more functionality to the project here are some:
    * When there is no card the big plus icon should be displayed: when there are some (or one) card on the dispaly the small plus at the bottom should be dispalyed.
    * Form displaying when plus icon clicked.
    * Adding Cards.
    * Done and Delete function for card.
    *When 'Done' button is clicked: the color should change.
    *When 'Delete' button is clicked : the card should be removed.
    .
    .
    .
    (as I'm just getting started with react I am looking for some who can collaborate on this with me )
    Also many thanks to sheryians coding school for making these type of awesome videos.

  • @rjtdas
    @rjtdas 11 месяцев назад +65

    [Problem at 59:00]: As TailwindCSS can't evaluate your dynamic className, that is the reason why the background color was not generating for other color (green was cached or possibly some other element was directly using "bg-green-600")
    Tailwind CSS works by scanning all of your HTML files (Or files metioned in tailwind.config.ts), JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file.
    To make it work you have to pass a valid class name like "bg-red-600".
    However, if you still want make dynamic classname `tag bg-${color}-600` work with tailwindcss you have to mention the required classnames in a safelist inside the tailwind.config.ts
    safelist: [
    'bg-green-600',
    'bg-red-600',
    'bg-purple-600',
    ]

  • @st_moniz
    @st_moniz 11 месяцев назад +2

    Thank you sir, I am willing to study more from you. Jitni Development College ke 4 saal me nahi seekhi aur uske baad youtube se 1 saal me nahiseekh paaya, utni aapne 3 mahine me sikha de. Javascript ke to interviews bhi aap se padh ke clear kiya hu.

  • @The_Aesthetic_Developer
    @The_Aesthetic_Developer 9 месяцев назад +1

    i don't watch other videos or drama on youtube when i get bored , your videos give us knowledge plus entertainment as well. so salute to u sir.

  • @Aman_yadav1419
    @Aman_yadav1419 11 месяцев назад +8

    Majje he majje hai ab to....back to back content...bhaiyo like karo comments karo...🔥🔥...

  • @The_Aesthetic_Developer
    @The_Aesthetic_Developer 9 месяцев назад +1

    Your happiness gives us energy and boost-up to do work . Please never ever quit on youtube teaching . More boys and new generation is coming to learn from you .

  • @bhismpitamah267
    @bhismpitamah267 11 месяцев назад +1

    sir We TRUELY Appreciate Your Effort in this REACT Tutorial , I am working So Hard , but couldn't have time after job , so today morning i wakeup at 4 AM , and opening your channel to study , Thankyou so much Harsh sir and entire Team♥♥♥♥, aap nahi hotey toh hum , hope kho hi chuke thea , thank u

  • @amitgorai1202
    @amitgorai1202 11 месяцев назад +13

    "Wow, your awesome project is fantastic, bhaiya! Your teaching style is truly special. Having watched various React tutorials, I genuinely believe you're the best teacher out there. It would be incredible if you could create a step-by-step React playlist; it would be super helpful and awesome. Eagerly waiting for more! Thank you so much! ❤"

  • @anshumangarg7760
    @anshumangarg7760 11 месяцев назад

    Thankyou so much, aaj mujhe sare classes mil ja rahe hain jo mujhe chahiye 😂
    Thodi der pehle search kar hi Raha tha..soch Raha tha ki aap kuchh aisa le ke aaoge to mast rahega
    Aur aa gaya

  • @nishitlugun8394
    @nishitlugun8394 11 месяцев назад +38

    Finally react is here! ❤️ And please ignore all the hate comments, We the TRUE SHERIYANS Fans know how much hardwork you guys put to make videos for us. Inko lagta ki inke hisaab se hi videos aayengi, ignore them and keep going. Sheriyans for life babaaay❤️🔥

  • @middle_class_boy_story
    @middle_class_boy_story 11 месяцев назад +1

    bhai aaisse hi reactjs ka projects late raho, bahot kuch sikhne ko mila hai ye channel se, i hope ki mai aur bhi jyada new new reactjs ka projects sikhu ye channel se. thank you so much

  • @ManishGoyal-wu9hk
    @ManishGoyal-wu9hk 9 месяцев назад +2

    Bade bhaiya.. aapka content bahot amazing hai mene aapke recent kch videos dekhe or mujhe really aapse padhne kafi accha laga 100% cheeze mujhe clear hui hai.. aapki educational videos ko dekh k mujhe or kesi ki videos nahi dekhni padti please aap ek proper series bana do react pe.. or bhaiya aap he record kerna plz aapse he maza aata hai padhne me 😭

  • @subodhpathak9441
    @subodhpathak9441 10 месяцев назад

    This one is the first ever project that I have completed. Came here after 'REACT JS[GAMECHANGER]' and 'ReactJs Learn What Matters'. Thank you Harsh bhiya for these videos. I guess, I have started learning.
    Thank You

    • @awadheshsingh903
      @awadheshsingh903 10 месяцев назад

      Bro file bheja apni email pr error ni mil raaha

  • @prachishah898
    @prachishah898 11 месяцев назад +3

    Bro I want to learn react from you ....... from scratch ........You guys are doing very great work. .......🔥🔥

  • @OsthirShakib
    @OsthirShakib 11 месяцев назад +2

    Bro upload more like that we are waiting ....."Your teaching style is truly special. Having watched various React tutorials, I genuinely believe you're the best teacher out there. It would be incredible if you could create a step-by-step React playlist; it would be super helpful and awesome. Eagerly waiting for more! Thank you so much! ❤"

  • @VikashSingh-hc6zo
    @VikashSingh-hc6zo 9 месяцев назад

    WOW bade bhai maja a gya ... muje css ni ati itni mtlb pta hai sab , lekin muje react ka sara code logic sab ache se samagh a gya . Thanks a lot Brother

  • @Arjun-b4m
    @Arjun-b4m 5 месяцев назад +3

    Guys Agar Tumhe Source Code Chaiye Vo Jaldi Se 100 Likes Karwa Do Pakka Source Code De Dunga😊😊
    Edit:- Source Code Hi Nahi Pura Folder Hi Upload Kar Dunga 😊😊

  • @soumyadipbhowmik2220
    @soumyadipbhowmik2220 11 месяцев назад +6

    Loved it. Completed it parallely. Satisfied with the project. Waiting for the next one. ❤️

  • @HimanshuSingh-cr4ir
    @HimanshuSingh-cr4ir 11 месяцев назад

    Just finished everything in javascript to get started with react and here is the video!
    Thanks❤

    • @razexamvs8756
      @razexamvs8756 11 месяцев назад

      Kaunsa video dekh rhe ho Bhai react ka mujhe bhi btado

    • @HimanshuSingh-cr4ir
      @HimanshuSingh-cr4ir 11 месяцев назад

      @@razexamvs8756 "pedro" for indepth explanation with projects and "codesen solutions" for getting started with hooks!!

  • @ajiteshmishra0005
    @ajiteshmishra0005 9 месяцев назад +1

    I used to watch your videos on React and try to learn the concepts. All are useful for developers.
    If it is possible to create one UI which a developer has to develop by watching and checking through Figma
    So all developers will get concepts that how to create any UI using Figma.

  • @NightWolf-Gaming-42
    @NightWolf-Gaming-42 11 месяцев назад +7

    We Want more projects like this 🔥

  • @The_Aesthetic_Developer
    @The_Aesthetic_Developer 9 месяцев назад

    i don't want to fill ur comments section like spam but its my heart talking to you this time . Huge respect .

  • @RobinSingh-wk8qv
    @RobinSingh-wk8qv 4 месяца назад

    Amazing video
    Framer motion part starts at 01:01:00

  • @danishabdullah5431
    @danishabdullah5431 7 месяцев назад

    Thank you so much bhaiyya apne yt pe kuch modern cheezein free mein sikha di aise to bht yt channels hein but aap dil se parahte ho praying that yll get 1m

  • @rainbowColor-yp6ie
    @rainbowColor-yp6ie 3 месяца назад

    No one can teach coding better thaan you, you voice is soft and your style is lovely. The only short coming is, to add more technology paid courses in your website ==, it will ssell more too.,
    For example
    HTML paid course in depth Rs500
    CSS in depth course Rs 1000
    like this

  • @vijaysinghparihar2551
    @vijaysinghparihar2551 11 месяцев назад +5

    Awesome Project sir 🤩🤩 , we want react tutorial and more projects on Framer Motion....

  • @AnantShah-j6y
    @AnantShah-j6y 11 месяцев назад +1

    Maza Aaa gaya Aise hi projects aur banvao sir bohot Cool lagta hei 😁

  • @dellnew9291
    @dellnew9291 11 месяцев назад +4

    You are doing amazing Job bhaiya, you don't know how much impactful your videos are for me. You are delivering the best content on your channel. Love you a lot🥰

  • @Keshav_Rajput_31
    @Keshav_Rajput_31 9 месяцев назад

    Mujhe laga framer motion thoda mushkil hoga but ye to easy nikla or Aaj bohot si new technique pta chali thank you harsh bhaiya 🎉

  • @supaofficial264
    @supaofficial264 21 день назад

    10:22 per maza aagya kya technical gurujii ki mimicry kia hai yr 🎉 awesome

  • @DeepakSharma-edu
    @DeepakSharma-edu 9 месяцев назад

    Always after seeing any video it seem that it's so easy...your teaching is great...

  • @Cyber_Garuda319
    @Cyber_Garuda319 11 месяцев назад +3

    Correction : [30:23]
    REACT WAS DERIVED FROM V8 ENGINE OF CHROME NOT V5 .
    AND ITS OUTER LAYER IS WRITTEN WITH JS AND INNER WITH CPP .
    ANSWER OF THIS QUESTION : 38:12
    - function GenerateRand(){
    $save = Math.floor(Math.random()*10)
    document.getElementById("container').innerHTML = $saver ;
    };
    // Call function
    GenerateRand()

  • @The_Aesthetic_Developer
    @The_Aesthetic_Developer 9 месяцев назад

    you seriously teach by heart . we love the way how to teach us.

  • @RaahimAhmed-c4l
    @RaahimAhmed-c4l 11 месяцев назад +4

    We want more projects on react and tailwind. Thank u ❤

  • @ashishk806
    @ashishk806 11 месяцев назад

    your videos are not only for beginner's student it also for experience student , !!! Request Please make complete use of framer motion one short video, many students love to see ,

  • @Gautam-a-student
    @Gautam-a-student 4 месяца назад

    This video is amazing, got me on track when i started react after long . and i choose this video to watch , I think more should come like this one.

  • @surajsahu7375
    @surajsahu7375 9 месяцев назад

    It just a wow reaction after completing this react project..🤯😍
    .
    .
    I'm learning frontend dev from your videos...and with every video there is always something new, trendy , unique and exciting things... I learnt lot of stuffs.
    Aaj bhi kuch nya sikhne mila #framermotion 🤠🔥

  • @designs_by_vaibhav
    @designs_by_vaibhav 18 дней назад

    Really a Great Video. Please make more like these. This video have enhanced my logical capabilities and I am thinking of adding some other features to it as well. Thank you so much.

  • @ManishPanda-i2h
    @ManishPanda-i2h 11 месяцев назад

    Sheriyans will rock with react projects. Keep more of these projects coming!

  • @CARRYWEBTECH
    @CARRYWEBTECH 11 месяцев назад +10

    Your teaching technique is very unique. I just request to you that Can you please create a playlist step by step on react where we can learn A to Z about react. I research on RUclips about ReactJs but now i think no one can tech better then you. I am waiting for your this playlist. Thank You

    • @mubashar-nouman
      @mubashar-nouman 11 месяцев назад

      You can take course of KG Coding by Prashant. He is amazing and covering almost all the necessary topics in details

  • @s-qc9ns
    @s-qc9ns 6 месяцев назад

    56:00 the problem solving phase is what i like . other people just come prepared and don't show you the problem solving phase or they edit it out.

  • @The_Aesthetic_Developer
    @The_Aesthetic_Developer 9 месяцев назад

    ur style is very good . best teacher ever seen in my life

  • @middle_class_boy_story
    @middle_class_boy_story 11 месяцев назад

    I think you know well about your RUclips students,
    All the students are very interested in ReactJs projects. In ReactJs video you are getting more views and responses, so please upload this type project.❤❤❤ love from Nepal

  • @NavinY5
    @NavinY5 11 месяцев назад +2

    My teacher is back with a big project ❤❤❤

  • @AmitBiswas0142
    @AmitBiswas0142 11 месяцев назад

    Sir keep uploading this channel will definitely will reach 1M. Don't stop until this channel reaches 1M...

  • @nikhilchhapekar2243
    @nikhilchhapekar2243 11 месяцев назад +5

    Awesome project bhaiya , we want more projects on react and tailwind.thank u ❤

  • @maljeetsinghdadwal
    @maljeetsinghdadwal 11 месяцев назад +1

    sir, bhut sikha apse , u r fire at ur zone.....#loveusir

  • @prakharsinha4145
    @prakharsinha4145 11 месяцев назад

    Awesome sir, this tutorial helped me kickstarting my journey to dive deep in framer motion, it is awesome

  • @aryaadityaa7676
    @aryaadityaa7676 11 месяцев назад

    I knew Very Very Basic of react But this Video was So easy to follow and Understand Thank you Harsh Bhaiya

  • @bhattresidence4093
    @bhattresidence4093 10 месяцев назад

    Very nicely explained. Many fundamental things are now clear to me. Want to see a series end to end using React (without hooks) and Redux for state management with CRUD operation. Even if you have a series on this with payment, please do share here.

  • @TagdaCoder
    @TagdaCoder 11 месяцев назад

    I have completely made this sir and also added some features

  • @RajCreationAA
    @RajCreationAA 10 месяцев назад

    Love you Bhai, you are providing best content on front-end, I don't thing for front-end there is any tutorials on internet better than sheryians!! 🔥🔥🔥 aag laga diya

  • @sumitj.badgujar7035
    @sumitj.badgujar7035 3 месяца назад +1

    Love the way you teach! it's very Helpful 💖. Fullstack projects with both frontend + backend videos in detail would be appreciable ...!

  • @sayansanpui_dev
    @sayansanpui_dev 11 месяцев назад

    I just complete this project.. Thank you bhaiya ❤❤❤

  • @Varubsbsbh
    @Varubsbsbh 11 месяцев назад

    Enjoyed to make this project and I have learned so many things in react.
    Thankyou bhaiya👍🚩

  • @maggsyt
    @maggsyt 10 месяцев назад

    Loved the flow of your teaching and the way you navigated. It would you be great if you could bring a full stack tutorial in the similar way.

  • @RadheRadhe143-rani
    @RadheRadhe143-rani 11 месяцев назад

    plz make more projects in react js your teaching style is so cool and different...

  • @yourlinuxguy
    @yourlinuxguy 10 месяцев назад

    Completed the tutorial today this was really nice.

  • @codetorso
    @codetorso 11 месяцев назад

    Done with the video.
    great video. Did not knew about framer motion before this. Thanks.

  • @bhaimohsin
    @bhaimohsin 10 месяцев назад

    47:45 bht barhiya trick. aisi tips aur chahiye hamein

  • @abhishekcode
    @abhishekcode 11 месяцев назад +1

    Waiting for this for a long time thanks bhiya❤.. Please go more deep with react❤

  • @Thunder_Maxx
    @Thunder_Maxx 11 месяцев назад

    It was very noice as earlier bus isme ek add ka button bhi dal k bata dete jis ek or empty card aa jaaye and dynamically usme size define hoti jaaye to maza aa jata I HOPE AAP ISKO CONSIDER KAROGE BAKI TO
    thanks a lot for this all the material and teaching,
    LOVE FROM JAIPUR RAJASTHAN ❤❤

  • @Divyansh-505
    @Divyansh-505 11 месяцев назад +3

    Hello sir, thank you so much for this great tutorial❤ I recently started react, and there us lot more confusion on form validation. Please sir make a video on form validation in react🙏

  • @AliGamerYT125
    @AliGamerYT125 11 месяцев назад +3

    Hi, it's around 1am and I completely watch this video that's great but sir please level up and make complete project around 3 to 4 hours long content. Thanks

  • @mrigankadas3677
    @mrigankadas3677 11 месяцев назад +2

    sir you are great , i mean the greatest..... lots of love and respect from me🥰🥰🥰.sir please make a full fledged react series with amazing react projects (top notched as usual)

  • @aantarik_jagat_harivansh
    @aantarik_jagat_harivansh 7 месяцев назад

    You are simply awesome Sir...God bless you...

  • @Md_sadiq_Md
    @Md_sadiq_Md 11 месяцев назад +1

    Need more stuff like this

  • @sagarghosh2897
    @sagarghosh2897 10 месяцев назад

    Bhaiya you are doing great work. We need more react projects and jese aapne GSAP ki tutorial banayi hai I would suggest ki Framer motion ki bhi banao. We need more creators like you. Pata nahi log ese content ko support kyu nahi kar rahe but. You are doing great work bhaiya. 🫡

  • @vaibhavgautam8653
    @vaibhavgautam8653 11 месяцев назад

    This type of video make me a more confident Thank you so much Bhaiya ❤

  • @thisravigangwar
    @thisravigangwar 11 месяцев назад +1

    Bhaiya, Josh bhar dete ho body me, aate hi 😍

  • @AsadAli-sc4un
    @AsadAli-sc4un 5 месяцев назад

    As Usual, Very Very Very Perfect ... Thanks Sir, Giving us this kind of perfect stuff, Great ... !!!

  • @muhammadammarakbar4607
    @muhammadammarakbar4607 11 месяцев назад

    Much awaited series

  • @thevinnivicci
    @thevinnivicci 11 месяцев назад +2

    Thank you for this series

  • @Aman_yadav1419
    @Aman_yadav1419 11 месяцев назад +1

    Majja ayya bhaiya ...ye done ho gaya...me espe wo plus icon pe click kar to new card ban Jaye espe features ka soch raha hu kesi hai idea

  • @faizanansariyt8239
    @faizanansariyt8239 3 дня назад

    Thanks for teaching us

  • @shahzazaib
    @shahzazaib 3 месяца назад

    Awesome bhai Love You for teaching in such a easy way ❤❤

  • @hirengajjar33
    @hirengajjar33 9 месяцев назад +2

    Just in case if console shows an error for
    const ref=useRef(null);
    do
    import { useRef } from 'react';
    may solve the problem

  • @instinct2042
    @instinct2042 10 месяцев назад +3

    for those who used normal css, use => style={{background:`${data.tag.tagColor}`}}
    inside your div give inline styling where that background color is mentioned😄
    this part will come in 55:45

    • @abdulsaboor2004.
      @abdulsaboor2004. 9 месяцев назад

      Did you figure out, why it wasn't working in Tailwind ?

  • @AliBakhtiyar
    @AliBakhtiyar 11 месяцев назад +3

    Thanks you for giving such a premium content 🎉🎉❤

  • @ManadayMavani
    @ManadayMavani 11 месяцев назад

    Bhai superb intro! subscribed. ♥

  • @adityatomar3784
    @adityatomar3784 11 месяцев назад +1

    First to like the Video 😊.
    Keep up the Great Work Bhaiya.

  • @aniketchakrabarty7541
    @aniketchakrabarty7541 5 месяцев назад

    best channel for coading

  • @TagdaCoder
    @TagdaCoder 11 месяцев назад

    Sir press "CTRL + Tab " to switch Code editor Tab. in windows and For Mac "Cmd + Tab"

  • @paradise836
    @paradise836 3 месяца назад +1

    Loved it. Thank you so much bhaiya :)

  • @aaliyasharif4605
    @aaliyasharif4605 10 месяцев назад

    This was super Amazing would love to learn more from you!!

  • @ajiteshmishra0005
    @ajiteshmishra0005 9 месяцев назад

    Please create one exclusive video on JWT authentication in ReactJS or NodeJS in such a way that any beginner can understand and can get a full explanation from scratch to advanced.
    You can explain using any project also.

  • @HarshGade-v2q
    @HarshGade-v2q 11 месяцев назад

    best content on yt

  • @deewansingh3328
    @deewansingh3328 11 месяцев назад

    Bhiya ji aap to bawal bna diye ❤🎉

  • @devanshumasodker118
    @devanshumasodker118 11 месяцев назад

    best way to practice react concepts thanks want to add more features

  • @ShivaaWorks
    @ShivaaWorks 11 месяцев назад +2

    Sir React beginners ke liye ek full course banao pls...

  • @sanchit_H
    @sanchit_H 11 месяцев назад

    great tutorial learned a lot of stuff will love more stuff like this in future

  • @techprak282
    @techprak282 10 месяцев назад

    Thank you so much sir for explaining this much

  • @The_Aesthetic_Developer
    @The_Aesthetic_Developer 9 месяцев назад

    So sweet "Hellooww" spoken by Sir Harsh Sharma

  • @vishalbarai9369
    @vishalbarai9369 5 месяцев назад

    God damn!!!! I got to know so much today about react today thanks Golu bhaiya ❤that motion part was amazing i use to do it using animation and jQuery it was headache

  • @MrTechLearn
    @MrTechLearn 11 месяцев назад

    aahha congratulation for new Mac 🤩🤩🤩🤩

  • @yashmehrotra5028
    @yashmehrotra5028 11 месяцев назад

    Lets go we need more react projectsss!!

  • @RAJSINGH-hn8yq
    @RAJSINGH-hn8yq 11 месяцев назад

    Awesome project bhaiya

  • @supergamer4816
    @supergamer4816 11 месяцев назад

    More React JS & Next JS ❤❤