sadolintw / pixel-thief

npx create-react-app pixel-thief --template typescript

yarn start

add dependency

yarn add xstate @xstate/react styled-components @types/styled-components lodash @types/lodash

yarn add -D prettier

create .prettierignore file create .prettierrc.json file

install vscode-styled-components extension

story book

npx sb init
yarn storybook

create global style

create Button component

create Heading component

create MenuScreen component

create Image component

create LevelBackgroundImage component

create Health component

create Grid component

create Screens

create Game Machine

create Game Component

create Player Machine

craete Player Component

set init coords

2:40

Ref https://www.youtube.com/watch?v=QJZPFv-tUwY&ab_channel=BradWoods