Countless people are staying in their homes for self-quarantine to keep distancing from society to prevent infecting and getting infected from COVID-19, the wide-spreading virus. However, people are getting to be bored just staying home by themselves, so we thought a small gamification website would help people to get rid of boredness by growing trees in their virtual garden.
What it does
Users can grow trees by performing fun activities in their virtual garden. The goal of activities is to keep the user healthy and active. Each activity can generate different kinds of trees by completing the activities.
How We built it
Front-end: ReactJS, NodeJS, and zendesk ui theme. Back-end: node.js, express.js, mongoose Database: MongoDB Atlas Hosting: Heroku and Domain.com
Challenges We ran into
First of all, we had challenges collaborating with each other due to an online session. This led to an increase in the amount of time that it took to come up with this idea. Once we had an idea, during implementation, we dealt with syncing our backend development with front-end and testing it.
- Frontend While performing front-end development, Had to use a UI theme I wasn’t experienced with and it was challenging to draw trees inside the web app.
- Backend I had to deal with how to build up REST api from the scratch so the frontend can interact with it easily. Since I was not experienced with Node.js, I had to debug A LOT to make APIs work properly.
Accomplishments that We are proud of
Proud of the overall design of the website.
What I learned
It’s important to communicate all aspects of the project to your teammates.
What's next for qGrowth
We can implement more interesting features such as posting your activities on social media, ranking systems to compete with your friends, and customizations on trees.
Try It out
express.js, mongodb, mongoose, node.js, react, restful, zendesk