Build Rock, Paper and Scissors Game with React JS

Показать описание

Build awesome Rock, Paper & Scissors game in React JS.

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:

Frontend Mentor Challenge:

CODE:
[𝐈 𝐬𝐭𝐫𝐨𝐧𝐠𝐥𝐲 𝐬𝐮𝐠𝐠𝐞𝐬𝐭 𝐲𝐨𝐮 𝐭𝐨 𝐰𝐫𝐢𝐭𝐞 𝐜𝐨𝐝𝐞 𝐚𝐥𝐨𝐧𝐠 𝐰𝐢𝐭𝐡 𝐦𝐞 𝐬𝐨 𝐲𝐨𝐮 𝐜𝐚𝐧 𝐥𝐞𝐚𝐫𝐧 𝐭𝐡𝐞 𝐟𝐥𝐨𝐰 𝐨𝐟 𝐜𝐫𝐞𝐚𝐭𝐢𝐧𝐠 𝐭𝐡𝐢𝐬]

𝗙𝗼𝗹𝗹𝗼𝘄 𝗺𝗲 𝗼𝗻 𝗧𝘄𝗶𝘁𝘁𝗲𝗿 𝘄𝗵𝗲𝗿𝗲 𝗜'𝗺 𝘀𝗵𝗮𝗿𝗶𝗻𝗴 𝗹𝗼𝘁'𝘀 𝗼𝗳 𝘂𝘀𝗲𝗳𝘂𝗹 𝗿𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀!

Buy me a coffee and Support this channel:

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) :

Learn React Basics (Playlist):

React Advanced Topic (Playlist) :

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:

Buy me a coffee and Support this channel:

Where else you can find me:

#GameInReact
#RockPaperScissorInReactJS