• 

  map

• 

What was the inspiration?🐮

We wanted to make self-care fun and engaging!

how does it work 🐮

Our website gives the positive reinforcement of a game in order to properly motivate the student/user to take care of themselves. When they do the tasks like drinking water, standing up, etc. they end up "progressing" through the path to their cow that was kidnapped by aliens, by traveling across planets to get to it, and when you complete your tasks every day, your cow progresses further and furhter.

How we did it 🐮

We built it by using HTML/CSS for the website, MongoDB as a database and node.js for back end, coding the functionalities of the task list, progress bar with planets at the top.

Challenges we ran into 🐮

Coming up with the idea, figuring out the back end , making the HTML/CSS components work for what we wanted in the Design with the checkmarks and progress bar.

Notable achievements 🐮

Even though we lost a team mate's availability during the process, our team members worked together to pick up the rest of the responsibilities we needed to complete, and still got an asthetic and desirable product, design, code, and back end produced, as well as maintaining responsibilities to making a great slideshow, video, and presentation/business pitch.

What we learned 🐮

Implementing MongoDB database using Node.js, running a server, implementing Figma prototype into front end using JScript, HTML/CSS.

What's next for MooMooTask 🐮

Fully working out the registration, login system for users, data visualization for the tasks in the calendar, better front-end and implementing funny animations into the web.

Built With

• css
• figma
• html
• javascript
• mongodb
• node.js