Gamifying to-do list with a reward of growing garden plants.
An inspirational quote that will update on page refreshing.
As you complete a task, click "done" and your little plant will grow! Celebrate the small victories!
Set, edit or remove your own goals to include a description of your goal, difficulty level, reason why you want to complete the goal, due date and subtasks.
Unlock Trophies in your garden the more goals you complete.
Click "water" on your plant or go to the Watering station to set time aside to work on your goal. This section offers a hover over feature to teach users about the 5 second rule along with a Promodoro Timer with an option for lofi/focus music, so you can focus on completing your tasks.
Finally, the Celebrate will show the user a strolling component displaying all the goals the user has completed, along with a hype man and music.
"@emotion/react": "^11.7.1", "@emotion/styled": "^11.6.0", "@material-ui/core": "^4.12.3", "@material-ui/icons": "^4.11.2", "@material-ui/lab": "^4.0.0-alpha.60", "@mui/icons-material": "^5.3.1", "@mui/lab": "^5.0.0-alpha.67", "@mui/material": "^5.3.1", "@testing-library/jest-dom": "^5.16.1", "@testing-library/react": "^12.1.2", "@testing-library/user-event": "^13.5.0", "axios": "^0.25.0", "bootstrap": "5.1.3", "gh-pages": "^3.2.3", "react": "^17.0.2", "react-bootstrap": "^2.1.2", "react-dnd": "^15.1.1", "react-dnd-html5-backend": "^15.1.2", "react-dom": "^17.0.2", "react-scripts": "5.0.0", "web-vitals": "^2.1.4"
Clone this repository. You will need node and npm installed globally on your machine.Installation:
npm install
To Run Test Suite:
npm test
To Start Server:
npm start
To Visit App on your platform: localhost:3000
Deployed sample found here: https://dynamicdev3000.github.io/growthplans/
App's back-end is currently deployed through Heroku. You'd need your own back-end to save your own data. Back-end can be found here: https://github.com/DynamicDev3000/growthplans-back-end