hyc0812/my-first-react-app

React baby project practice

Screen shot for the projects:

How to use? at each project root directory:

npm install
npm start

• Mini project 1:

shadow

• Mini project 2:

increasing and decreasing the number

• Mini project 3:

toggle game

• Mini project 4:

Form practice

• Mini project 5:

Sign up form

• Mini project 6:

have access to online JSON database

• Mini project 7:

Display window width

• Project 1:

• Project 2:

• Project 3:

• Project 4:

• Project 5:

Add light mode dark mode hook

• Project 6: Demo Page

NoteBoard with MarkDown features

• Project 7: Demo Page

Fun game Tenzies with winning effect package confetti

---

MEMO for deploy on git (after pushing):

npm install gh-pages (--save) (-dev) (--force)

Add the following to first line of package.json:

"homepage": "http://GITUSERNAME.github.io/REPOSITORYNAME",

e.g. "homepage": "http://hyc0812.github.io/deploy-react-simple-notes",

Add the following in "scripts":

"predeploy":"npm run build", "deploy":"gh-pages -d build",

Finally run:

npm run deploy