Project 3 - Dice Game | 10 React Projects for Beginners

Sdílet
Vložit
  • čas přidán 12. 09. 2024
  • Discover the best React project series ever created for beginners! Follow along as we guide you through 10 engaging projects that use Figma design to create stunning UI. From building a to-do list app to a weather app, you'll learn the fundamentals of React while developing real-world web apps. With our step-by-step tutorials, you'll become a React pro in no time! So join us now and unlock the secrets of building awesome web apps with React and Figma
    Project 3 React Dice Game Figma Design
    www.figma.com/...
    Project 3 React Dice Game . - Source Code
    github.com/ans...
    10 React Projects Playlist - • 10 React Projects For ...
    HTML Course
    • HTML Course Hindi - B...
    CSS Course
    • CSS Course Hindi - Be...
    Html and CSS practice Projects
    • HTML CSS 10 Practice P...
    Javascript Course
    • Javascript for beginne...
    Linkedin - / anshuopinion
    Telegram Channel - telegram.me/do...
    Instagram - / dosomecoding
    Github - github.com/ans...

Komentáře • 147

  • @rishynegi
    @rishynegi Před 7 měsíci +9

    Bro this series is legit fire. React nahi samajh aa raha tha but since I started working on your projects series, ab aane lag gaya. Thank you so much for all the work. Really appreciated. Ram Ram!

  • @adnaanshabir785
    @adnaanshabir785 Před 9 měsíci +11

    Your projects helped a lot in every field like JSX, css, scss, module as well as ReactJS
    Thanks a lot for the Projects and may God bless u for the efforts.❤❤❤

  • @abhisheksinghrajputog
    @abhisheksinghrajputog Před rokem +12

    i am really glad that i found your videos , you are really a amazing teacher . keep doing the great work !!!!!!

  • @tarunbharti1835
    @tarunbharti1835 Před rokem +11

    bhaiya app 10 project nhi 20 bana dijiye .
    But level upper than previous project hona chiaye bahut kuch sikhne mil raha h bhaiya
    Dil jeet liya bhaiya apne bahut maja aya

  • @professionalyapper420
    @professionalyapper420 Před měsícem

    Need more videos from you and more projects like these from the development teaching world. Helps out a ton when learning new things. Theory can only take us so far. Well Done. Thank you.

  • @deepanshujain8629
    @deepanshujain8629 Před 3 měsíci +1

    Insane Series. Thanks a lot , with this playlist help I landed my first internship :)

  • @kuldeepdawar7496
    @kuldeepdawar7496 Před 10 měsíci +1

    You are real Hero brother because you r helping everyone to learn code in easy way Tons of Thanks, god bless u with lot of happiness in your life... keep it up and I am enjoying your code and interesting App... Australia Supporter...

    • @ProblemSolver_0
      @ProblemSolver_0 Před 10 měsíci

      hi brother I am watching that you are also struggling just like me same scenario.
      What about connecting with each other on some social media platform to help out each other

  • @syedfilms4447
    @syedfilms4447 Před 11 měsíci +3

    I really Appreciate brother your designed course projects are really helpfull to learn in an easy way thanks so much i recommend all viewers to watch from first project from basics you will easily understand reactjs love from 😍Gilgit Baltistan ❤thanks brother😍

  • @abhaydharmale
    @abhaydharmale Před rokem +2

    Awesome tutorial, I think whoever had watched, liked it

  • @abhidagreat2914
    @abhidagreat2914 Před 7 měsíci +2

    Bhai Mera total score bahut bade size ka kyu aa Raha jab ki code pura exact copy kar diya fir bhi

  • @sanvisingh9512
    @sanvisingh9512 Před měsícem +1

    Great Content a lot to learn!

  • @user-tr6qj3zr6f
    @user-tr6qj3zr6f Před rokem +2

    just completed this project. Thank you for your effort

  • @afaqahmad8918
    @afaqahmad8918 Před rokem +1

    Behtareen bhai behtareen 😍☝🏻 khatarnak tutorial

  • @msaikrishna6100
    @msaikrishna6100 Před 4 měsíci

    Thank you so much for such kind of videos. Please try to add time stamps as well.

  • @anshultiwari9717
    @anshultiwari9717 Před 3 měsíci

    Hey !!! Fabulous Project and great learning series....Also Please add deployment process too.....

  • @arihantjainajbil8182
    @arihantjainajbil8182 Před rokem +2

    very nice content . i recommend to watch the complete series it will make you a nice beginner level react developer

  • @prakashnavin6245
    @prakashnavin6245 Před 5 měsíci

    nice project and explantion bro keep it up and keep uploading such videos

  • @user-pn4hx9px9j
    @user-pn4hx9px9j Před 4 měsíci

    Such a beautiful content bro.. Help to understand the flow of data

  • @yashghugardare519
    @yashghugardare519 Před rokem

    Thank you for the project, I watched your video, and then i did it on my own and also deployed it on vercel!!

  • @sahaypushkar
    @sahaypushkar Před rokem +1

    really appreciate your videos
    atleast some one is making good videos for beginners

  • @realg701
    @realg701 Před 5 měsíci

    Thank bro i get learn a lot form only video, i'll follow your other project.

  • @premieracademy6879
    @premieracademy6879 Před rokem

    for begginers it is very good channel please add e-commerce and blog projects

  • @lalit-singh-bisht
    @lalit-singh-bisht Před rokem +1

    bro please make video on complex react topics which are important for react developer jobs...and also backend. Your videos are so wholesome to watch....I can easliy watch your videos for straight 3 to 4 hours...because they are so interesting

  • @hiteshchoudhary3122
    @hiteshchoudhary3122 Před měsícem

    i love your all project videos

  • @piyushpawar22
    @piyushpawar22 Před 10 měsíci

    Thanks brother your explaination is really knowledgable and a good experience for me🤩

  • @NaibaBatool
    @NaibaBatool Před měsícem

    Which platform do you use for images and these pictures?

  • @abhijithsubash6160
    @abhijithsubash6160 Před 7 měsíci +1

    Wow this game is very useful than that of the tic tac toe game.

  • @itzallabouttech3616
    @itzallabouttech3616 Před rokem

    This man will change my future
    Love From Pakistan

  • @akshaysingh2045
    @akshaysingh2045 Před 2 dny

    Isme ide vs code use kiya tha na..?

  • @yahilmadakiya
    @yahilmadakiya Před 4 měsíci

    Great work. I just disable AD's Block for your content.

  • @tanishgupta7879
    @tanishgupta7879 Před 8 měsíci

    Thank you, I've learned so much from you.

  • @Drip_nikh_.l
    @Drip_nikh_.l Před 14 dny

    Saare content jbrjast hey pr me ek suggestion dunga aap code ko zoom krlia kro taki humari aapkho me dikkt na aye😅

  • @helloabd123
    @helloabd123 Před 3 měsíci

    Which is the best practice of designing styled components or modules based in react js

  • @ArjitKedia
    @ArjitKedia Před rokem +1

    It was great project thanks for it it was very needful

  • @Abhisheky418
    @Abhisheky418 Před 6 měsíci

    Thank you so much for the video, learnt a lot...

  • @ANILKUMAR-es6ty
    @ANILKUMAR-es6ty Před 5 měsíci

    Very nice explain sir ji thank you so very much

  • @sagarchouhan8218
    @sagarchouhan8218 Před 2 měsíci

    Amazing Content Bro !😇

  • @Shahbazkhalid-oz7gs
    @Shahbazkhalid-oz7gs Před 11 měsíci

    Bro proved bro is the best. 🔥🔥🔥🔥

  • @zubaidullah1
    @zubaidullah1 Před měsícem

    this is it, you want to learn react hes the guy

  • @deepakchauhan4625
    @deepakchauhan4625 Před 6 měsíci

    You are great brother !

  • @AsadullaTurkangori
    @AsadullaTurkangori Před 7 měsíci

    Thanks bro your doing great work❤

  • @vrishbhansingh2597
    @vrishbhansingh2597 Před 11 dny +1

    It is a good series but you haven't completed 10 project. Why???

  • @dot819
    @dot819 Před rokem

    thanks sir i made it and it was wonderful experience

  • @AbhishekMishra-gr5zk
    @AbhishekMishra-gr5zk Před rokem

    What a brilliant work🤗👏

  • @fari-c1v
    @fari-c1v Před 3 dny

    Please make a series on tailwind css and react

  • @khalidhussain5830
    @khalidhussain5830 Před rokem

    thank for your lecture, love from pak :)

  • @Nomi951
    @Nomi951 Před 9 měsíci

    Thanks for such a good project.

  • @rkram568
    @rkram568 Před rokem

    Amazing brother, thank you so much

  • @kunalsharma1936
    @kunalsharma1936 Před 4 měsíci

    sir aap ko figma me button ki styles kese mili ?

  • @SunnyKumar-qw5ex
    @SunnyKumar-qw5ex Před rokem

    very helpful for a start

  • @dailymotivation2004
    @dailymotivation2004 Před rokem

    you are doing amazing bro

  • @snehpaghdal
    @snehpaghdal Před 8 měsíci

    It helped me a lot

  • @ManishKumar-ef7ro
    @ManishKumar-ef7ro Před 7 měsíci +1

    i am able one page to another on clicking start i am not able to Startgame page help me out and there is no errors in console else where help me out anyone please

  • @aarjappiya9510
    @aarjappiya9510 Před 4 měsíci

    Awesome project

  • @manishfe
    @manishfe Před 5 měsíci

    i am making it using Next JS with backend ❤❤❤❤😊😊😊😊

  • @MonikaKumari-er4de
    @MonikaKumari-er4de Před 3 měsíci

    Thank you so much

  • @shinchan.1125
    @shinchan.1125 Před rokem

    Thank you :)

  • @koushik-xs2qg
    @koushik-xs2qg Před 3 měsíci

    at 1:09 your score got updated but mine is not getting updated , it says that the prev is not being used in roleDice = () => { } component

  • @harshvardhanshukla8658
    @harshvardhanshukla8658 Před 3 měsíci

    thank you for the app

  • @gulshan6538
    @gulshan6538 Před rokem

    Thank you ✨

  • @saqibullah7286
    @saqibullah7286 Před rokem

    Boht acha explanation

  • @TapaNKSamaL
    @TapaNKSamaL Před rokem

    In this project, I learned so many things, but the way you presented , it's really tough for beginners and confusing.

  • @hemantkumarnirmalkar2868

    Best 🔥🔥

  • @chetanrahanoo4117
    @chetanrahanoo4117 Před rokem +1

    [plugin:vite:import-analysis] Failed to resolve import "styled-components" from "src/App.jsx". Does the file exist? My styled component is not working... any idea how to fix it?

    • @dosomecoding
      @dosomecoding  Před rokem

      Wrong import

    • @dosomecoding
      @dosomecoding  Před rokem

      Match with source code

    • @chetanrahanoo4117
      @chetanrahanoo4117 Před rokem

      @@dosomecoding when I run the command on terminal, I got a whole bunch of errors. Although I copied exactly the same from the official site of styled-components. Thats what I get while running the "npm install styled-components" in the terminal "npm ERR! Cannot read properties of null (reading 'edgesOut')
      npm ERR! A complete log of this run can be found in:........"

  • @vickykumargupta1689
    @vickykumargupta1689 Před rokem

    Sir I also want to start freelancing but I have not any proper guidance so can you make a video or please guide me.

  • @aakashbanjara7682
    @aakashbanjara7682 Před 5 měsíci

    box not showing using map method in Number selector

  • @vedprakashsahu7818
    @vedprakashsahu7818 Před rokem

    Sir me ye wali project me work kra hu but mere index.html ka code show nai hora hai mai kya kru?

  • @FARHANFAISAL-zq6gl
    @FARHANFAISAL-zq6gl Před rokem +1

    Good bro

  • @itx__tallal2133
    @itx__tallal2133 Před rokem

    sir love youuuuuu alot alot

    • @snehajain376
      @snehajain376 Před 7 měsíci

      Jesé college me ek project banana kr dikana hai muje toh me yeh project dika skti huh iske front end back end dono hai kya

  • @engg.jobwala3750
    @engg.jobwala3750 Před 9 měsíci

    sir, agar mujhe module wala css mai ye jo select karne wala tha wah kese hoga

  • @aninditadas2805
    @aninditadas2805 Před 11 měsíci

    What are the technologies used here??

  • @varunsannapureddy6782
    @varunsannapureddy6782 Před 8 měsíci

    Please make more if these bhai.

  • @reacheradam-bv9gc
    @reacheradam-bv9gc Před 6 měsíci

    cant upload image to jsx file from local storage

  • @aryansinha1818
    @aryansinha1818 Před 5 měsíci

    1:00:00

  • @not_amanullah
    @not_amanullah Před 5 měsíci

    Pls continue series 😢

  • @sureshshindhe502
    @sureshshindhe502 Před 10 měsíci

    I am not able to find inspect option in figma(timestamp 16:04). It is available in free subscription or not

  • @sikandarsifat9223
    @sikandarsifat9223 Před měsícem

    inside inverted ( ' ) commas $ operator is not working react js in my vscode what to do . without this everything looks good

    • @arunchandra5255
      @arunchandra5255 Před 29 dny

      this is not inverted commos, it's tilde (`). You can the left side button of 1 and above tab key , in numeric keys line.

  • @sagar59
    @sagar59 Před 3 měsíci

    has anyone made this with context API please help

  • @koushik-xs2qg
    @koushik-xs2qg Před 3 měsíci

    1:09:43

  • @lalit-singh-bisht
    @lalit-singh-bisht Před rokem

    bhai there is one issue, as soon as I am placing the useState hook elements in the parent component...I am facing issues with dice images not being displayed

  • @rohankhandelwal1787
    @rohankhandelwal1787 Před rokem

    How to enable emmet for styled components

  • @asmitkhanal834
    @asmitkhanal834 Před 11 měsíci

    completed projects 1-3. #Nepal

  • @riteshkhare8239
    @riteshkhare8239 Před rokem

    Project is great but i have problem to learn and make project without looking video and source code usse but i try to learn this *.*

  • @Kamlesh20005
    @Kamlesh20005 Před rokem

    Bhaiya koi side earning ka bata do college ke sath saath

  • @doedits2842
    @doedits2842 Před rokem

    bro also create a one video tutorial on gatsby js 🙏

  • @md.al-amin9670
    @md.al-amin9670 Před rokem

    i just say awesome

  • @amanyadav7526
    @amanyadav7526 Před rokem

    Sir, how to change the background colour of selected div using onSelect.

    • @dosomecoding
      @dosomecoding  Před rokem +1

      Sudo class active

    • @ZeshanMukhtar1
      @ZeshanMukhtar1 Před rokem

      @@dosomecoding bro please update the project 2 source code, while cloning the project 2 all the UI is messy and not according to tutorial

  • @itzallabouttech3616
    @itzallabouttech3616 Před rokem

    bro wouldn't it be nice if you provide us figma tutorial to create a khatarnak design like you It will be very helpful for us

  • @syedaliabidi7822
    @syedaliabidi7822 Před 8 měsíci

    56:00

  • @NotYour_Gurlyy
    @NotYour_Gurlyy Před rokem

    project 1 responsive krein aur us mein side wala slider lagaein joh kafi websites mein hota he

    • @dosomecoding
      @dosomecoding  Před rokem +1

      Nav me jada kuch nahi hi so top se hide and show dikhna hoga

  • @ajitdhivar
    @ajitdhivar Před rokem +9

    bhai tere content me dum h

    • @snehajain376
      @snehajain376 Před 7 měsíci

      College me end sem ka project ata hai kya yeh project babakr dika skti huh

    • @daudafzaal2155
      @daudafzaal2155 Před 4 měsíci

      Try kr sakti ho​@@snehajain376

  • @multitalentedboy152
    @multitalentedboy152 Před 7 měsíci

    bro mera template literal nahin ho pa raha hai tumhari tarah
    kahan galti hai samajh nahin aa pa raha hai

  • @aryansinha1818
    @aryansinha1818 Před 5 měsíci

    51:10

  • @ProblemSolver_0
    @ProblemSolver_0 Před 10 měsíci

    Hello everyone especially you brother(creator) please help me out of the problem because its my second time that I am facing problem and I can't geting the Figma design. Please help me thanks!

  • @user-pm8vw8rv5l
    @user-pm8vw8rv5l Před rokem

    completed

  • @movie3870
    @movie3870 Před 6 měsíci

    difficult lg raha hai.......sb alg alg componets banana chahiye tha sir i am pure beginner

  • @mayuryadav1158
    @mayuryadav1158 Před rokem

    Usestate me jo prep use kiya wo samjh nhi aaya ek bar btana bhiaya

    • @dosomecoding
      @dosomecoding  Před rokem

      wo previous value hi state usko hamlog modify kar rahe hi uska , use statek ka video hi channel pe

  • @syedaliabidi7822
    @syedaliabidi7822 Před 8 měsíci

    2:00

  • @shadikhusain1216
    @shadikhusain1216 Před rokem

    Sir g real mai aap vo sabb kuch content de rahe hai jo. Paid courses mai bhi nahi mil sakta hai.

  • @aryansinha1818
    @aryansinha1818 Před 5 měsíci

    14:20