Terrain of Thought

• 

  TITLE SCREEN: Don't you Leaf it!!!

• 

  Five Items Left: Brimstone and Fire

• 

  Four Items Left: ROAD ROLLER

• 

  Three Items Left: The River is going away???

• 

  Two Items Left: Trash in the Water

• 

  One Item Left: Where did the flowers go?

• 

  COMPLETED: A Beautiful Scene

Inspiration

Our to-do list tends to overwhelm us when we see all the tasks we need to face. When faced with tons of tasks, we set ourselves up for failure and disappointment when we are unable to accomplish our goals. We sought to create a rewarding experience for our users, as well as raise awareness for environmental destruction.

What it does

Our project, Terrain of Thought, allows users to input 5 items onto a to-do list, creating realistic expectations and encouraging our users to think of their 5 highest priorities. When they check an item off, they will find that the background behind the list will change. It becomes healthier, and once all items are checked off, users are greeted with a calming and soothing scene, congratulating them for their accomplishments.

How we built it

We used HTML, CSS, and Javascript and we custom-designed the background images.

Challenges we ran into

We initially wrote our backend code in C++, but learned that C++ cannot be connected to our frontend HTML and CSS code. So, we had to learn Javascript and redo our entire backend script overnight.

Accomplishments that we're proud of

We learned a good amount of functional Javascript in one night. Creating 7 different art assets within the span of 24 hours was also challenging, but overall rewarding for the product we produced.

What we learned

We learned that you cannot use C++ with HTML and CSS websites for the backend code. We also learned a significant amount of Javascript. On the environmental side, researching the material needed to draw a desecrated nature scene, we realized how severe our climate crisis is.

What's next for Terrain of Thought

We plan to create options for new ecosystems that the user can choose for their to do list. Improvement on user accessibility and UI/UX features is another goal our team plans to work on.

Built With

• css
• html
• javascript