Skip to content

Math Sprint Game build with ReactJS hooks & Context API

Notifications You must be signed in to change notification settings

deepak-chandani/math-sprint-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Basic Mathematics Game build with React Hooks & Context API - Math Game (using hooks) demo

math_sprint_demo.mov

Info

I learned different react hooks eg: useState(), useEffect(), useReducer() etc. and build this project to implement those concepts & develop something practical.

  • utilized Context API & created custom hooks.
    • Custom Provider GameProvider which holds global state of the application.
    • Custom utility hooks eg:
      • useScore(): to get score stored inside GameProvider value
      • useGameDispatch(): to get access of dispatch method provided by useReducer() hook
      • some utility action methods to start, end, reset game (startGame(), endGame(), saveBestScore() etc)
  • I also implemented CSS Grid and flexbox concepts that I recently learned from different sources.

About

Math Sprint Game build with ReactJS hooks & Context API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published