Back to Browse

Build Rock, Paper and Scissors Game with React JS

16.0K views
Jan 25, 2021
1:10:42

Build awesome Rock, Paper & Scissors game in React JS. Demo Link: https://react-js-rock-paper-scissors-game.vercel.app/ Hey Everyone, In this video, We're going to build rock, paper and scissors game in React JS. Concepts That we will use: -- A new fast way to create react app -- React Hooks -- Modal (Best Practice) -- Sass styling -- Advanced Conditional Rendering -- React-router functionalities ---- Channel Intro: @0:00:00 ---- Introduction & demo: @0:11 ---- New way to create react app: @1:31 ---- Project Setup: @6:00 ---- Start Building: @7:10 ---- Styling Header Section: @29:35 ---- Styling Play Section: @33:33 ---- Styling Game/Result Section: @42:42 ---- Styling Footer Section: @59:46 ---- Creating Modal: @1:03:40 ---- Something more for you: @1:10:00 Watch full video in order to understand so that you can build awesome projects on your own as per your requirements. Createapp dev web app: https://createapp.dev Frontend Mentor Challenge: https://www.frontendmentor.io/challenges CODE: https://github.com/codebucks27/ReactJs-rock-paper-scissors-game [๐ˆ ๐ฌ๐ญ๐ซ๐จ๐ง๐ ๐ฅ๐ฒ ๐ฌ๐ฎ๐ ๐ ๐ž๐ฌ๐ญ ๐ฒ๐จ๐ฎ ๐ญ๐จ ๐ฐ๐ซ๐ข๐ญ๐ž ๐œ๐จ๐๐ž ๐š๐ฅ๐จ๐ง๐  ๐ฐ๐ข๐ญ๐ก ๐ฆ๐ž ๐ฌ๐จ ๐ฒ๐จ๐ฎ ๐œ๐š๐ง ๐ฅ๐ž๐š๐ซ๐ง ๐ญ๐ก๐ž ๐Ÿ๐ฅ๐จ๐ฐ ๐จ๐Ÿ ๐œ๐ซ๐ž๐š๐ญ๐ข๐ง๐  ๐ญ๐ก๐ข๐ฌ] ๐—™๐—ผ๐—น๐—น๐—ผ๐˜„ ๐—บ๐—ฒ ๐—ผ๐—ป ๐—ง๐˜„๐—ถ๐˜๐˜๐—ฒ๐—ฟ ๐˜„๐—ต๐—ฒ๐—ฟ๐—ฒ ๐—œ'๐—บ ๐˜€๐—ต๐—ฎ๐—ฟ๐—ถ๐—ป๐—ด ๐—น๐—ผ๐˜'๐˜€ ๐—ผ๐—ณ ๐˜‚๐˜€๐—ฒ๐—ณ๐˜‚๐—น ๐—ฟ๐—ฒ๐˜€๐—ผ๐˜‚๐—ฟ๐—ฐ๐—ฒ๐˜€! ๐“๐–๐ˆ๐“๐“๐„๐‘ ๐Ÿค : https://twitter.com/code_bucks Buy me a coffee and Support this channel: https://www.buymeacoffee.com/CodeBucks In upcoming videos, I'm going to create lots of cool stuff with JavaScript and react so make sure to subscribe. Like, Sub๐Ÿฅ‚ & Share! โ™ฅ Learn More About, Build Awesome stuff with ReactJs (Playlist) : https://youtube.com/playlist?list=PLjxZxD6BDkebOPXoqccGpiinfdY9zybXm Learn React Basics (Playlist): https://youtube.com/playlist?list=PLjxZxD6BDkeaoXAMrtBLkpYQ0feAh2tAj React Advanced Topic (Playlist) : https://www.youtube.com/playlist?list=PLjxZxD6BDkeZoRU6v7gMyQ7BirGD6u0Lt If you have any suggestions regarding any topics in Web Development feel free to reach out or just comment below. Thank You for watching! ๐Ÿ˜‰ Music Credits: Mama Aiuto, Daphnรฉ - Lax Incense https://chll.to/d1cccb59 Mama Aiuto - Small Town Palm Trees https://chll.to/10023c1e Mama Aiuto - Today Feels Like Everyday https://chll.to/863a06fb Mama Aiuto - Where The Streets Are Cold & Lonely https://chll.to/47f4f1bc Get more awesome music from https://chillhop.com/ Buy me a coffee and Support this channel: https://www.buymeacoffee.com/CodeBucks Where else you can find me: ๐“๐–๐ˆ๐“๐“๐„๐‘ ๐Ÿค : https://twitter.com/code_bucks ๐ˆ๐๐’๐“๐€๐†๐‘๐€๐Œ ๐Ÿ“ซ: https://www.instagram.com/code.bucks ๐„๐Œ๐€๐ˆ๐‹ ๐Ÿ“ง: [email protected] #GameInReact #RockPaperScissorInReactJS

Download

0 formats

No download links available.

Build Rock, Paper and Scissors Game with React JS | NatokHD