-
-
Here we've displayed our logo and overall theme.
-
This is our welcome page of our web application.
-
Here's where you'll be able to create a new game.
-
This is where you can join in on reoccurring games.
-
Here's where you'll wanna go to donate for our new environment.
Inspiration
Our team wanted to create a project that was creative yet impactful which would capture both the logical and real-world concept of restoration through an engaging and interactive web application. The main objective of this project was to provide a platform so people can come together and restore our wounded environment through scramble games and planting trees.
What it does
TreeCode is a fun and interactive game where the user is assigned a randomly generated phrase and is expected to decode the message. TreeCode can be played with a group through a generated ID. This game allows you to restore the original message of a scrambled phrase to gain points and grow your tree! We’ve also incorporated a donate button in the web application in hopes of encouraging the user to donate to forest restoration.
How we built it
Our web page application was built using HTML and CSS for the front end development. The project was created with Node.JS and express on the backend with automated text messages generated through Twilio's powerful API. In terms of the designing aspect we were able to build the logo and the backgrounds using Canva and Adobe’s Photoshop.
Challenges we ran into
Some of the key challenges we ran into would be communication and planning. We were unable to communicate frequently and so as a result, some important configurations were done at the very last minute. We also had trouble with planning as to what needed to get done and who was going to do it. However with all these problems we were still able to come together in the end and complete our project successfully.
Accomplishments that we're proud of
One of the biggest accomplishments we are proud of is putting out a working web page that the users are able to connect on and play scrabble games while also working towards a cleaner, sustainable environment. Another one of our accomplishments was learning how to successfully implement Twilio’s API into our project.
What we learned
Through working on this project over the past 36 hours one of the most important lessons our team was able to learn was the dire needs of communication especially when working in a team. For the technical aspect, it was our group’s first time creating anything similar to this. Our group was unfamiliar with using HTML and CSS to create web applications and Twilio for back end, however through research and dedication we were able to create a functioning application.
What's next for TreeCode
Although this is a fully working web page, some of the next steps for TreeCode would be to get this page monetized so that us as developers are able to make a profit and also further develop it in the future. A few other steps we’d like to take next for TreeCode would be to have the web application display a tree that would grow from start to finish as the players earned points through the word scramble, representing a tree being planted. Since we were not able to get to this point, it is something we would want to implement in the next phases of this game. Another approach we would like to take is developing this game into a mobile application to make the process more convenient for the user rather than having to use both a mobile device and computer.
Log in or sign up for Devpost to join the conversation.