Create a Blackjack Game with React & Vite
In this React js Project you will learn how to create a cards game using React in a Vite environment and stile it using Tailwind CSS. This is a perfect project for Beginner Front-end web developers.
Complete React Course:
https://www.udemy.com/course/react-fo...
30 React Projects:
https://www.udemy.com/course/30-react...
Source Code:
https://volerelife.wordpress.com/2024...
00:00 - Start
00:39 - How to install Vite, React and Tailwind CSS in VS Code
01:32 - How to setup TAilwind CSS
02:46 - Stup Vite app with Tailwind CSS
03:27 - Create Game app container using Tailwind css
04:02 - Setup background, margins, padding, screen height and with using Tailwind CSS
04:39 - Create game state using React js
05:10 - Create a card deck in React using combinations
09:17 - How to get a random card using React js
12:03 - Deal Cards to the Player and Dealer
13:07 - Calculate the hand value
17:48 - Handle Game Over
24:06 - Create New Game
28:11 - Reset the Game
30:02 - Create React Button Component using Tailwind CSS
34:23 - Create Player and Dealer Hand
38:41 - Create a game card using React JS and Tailwind CSS
44:29 - Player Stands
#reactproject #tailwindcssproject #learnvite