For this project, I went with ReactJS and Redux, as it seems like the best solution for the task at hand.
Create-React-App
was chosen so I wouldn't have to worry too much about configuration.Redux-Persist
is used to persist and store highscores in localStorage.Lodash
is used to sort the highscores, as well as limit the results to the top 10 scores.Material-UI
was added later in the project to save some time on creating basic components.
I have to admit, it's not my best or cleanest code, I was stressed out during the development of this, but it does get the job done.
NOTE: You may need to have CRA installed globally.
npm install -g create-react-app
yarn
or
npm install
yarn start
or
npm run start
Now visit localhost:3000
if it doesn't open automatically.
Currently there's one major bug that I can't seem to solve no matter what I do - The whole colour function will have to be rewritten most likely.
Made with ❤️ and ☕ by Kevin Østerkilde.