Inspiration

Carbon dioxide accounts for 80 percent of global warming. It is the single most important greenhouse gas emitted by human activities majorly deforestation. When a tree is cut down, the carbon stored in it is released into the atmosphere in the form of carbon dioxide. Literally every activity or process around us like fossil fuel combustion, industrial processes and even human breathing release carbon dioxide into the environment . With these many processes releasing carbon dioxide, there is an urgent need to have an agent that can absorb these carbon dioxides.

Trees naturally take in carbon dioxide through photosynthesis and release pure oxygen in the atmosphere. Therefore, planting trees equates to reducing the amount of carbon dioxide in the atmosphere which in turn reduces global warming consequently reducing climate change. However, the number of trees being planted is far less than the number of trees being cut down. According to One Tree Planted, 46% of world forests are already destroyed and for every 1.2 seconds, man destroys an area of forest the size of a football field. Therefore, it is critical that everyone start planting trees. This is what inspired us to start the Tree Planting Competition website so that people can compete to plant trees and after one month, the person who has planted the highest number of trees wins a smartphone.

About the Tree Planting Competition website

A website that encourages the public to plant trees. How? Once a user has planted a tree and taken a picture of the tree they have planted, the Tree Planting Competition website allows the user to register and upload the image. The uploaded image is picked up by Azure Computer vision which validates that the object in the image is a tree. If validation is successful, the user's name, location and tree image url are added to the database. If the user uploads another image and the image is validated, the users’ tree count on the database is increased. If validation fails, the user is asked to upload another image. The user with the highest number of trees planted after a month is awarded a gift. The website also have an education page where users can learn about the importance of planting trees, the effects of cutting down trees and how to plant a tree.

How we built it

Tree Planting Competition website was built using Html, Javascript and Css for the front end, mongodb and nodejs for the back end, Azure Computer Vision to return tags of a tree(s) in an image uploaded by user, Azure DevOps for project management, particularly assigning tasks and keeping track of deadlines and sprint submissions and GitHub to facilitate collaboration in building the website and CI/CD with Azure Web App Service.

Challenges we ran into

  1. We could not find tree image data set to train our object detection model in Azure Custom Vision which detects objects on an image and counts and returns their number, which our project needed. This forced us to use Azure Computer Vision instead which detects objects in an image and returns tags of the images. This forced us to restrict user to upload only one tree per image.
  2. Some team members didn't have personal computers which led to more tasks being assigned to those who have computers. This slowed us down a lot in the implementation phase.
  3. Due to time we did not manage to make the back end for the leader board where the number of trees a user has planted is displayed

Accomplishments that we're proud of

  1. We were able to successfully build our front end and host it.

What we learned

  1. How to work in a team
  2. Integrating front end with back end

What's next for Tree Planting Competition Website

  1. Add a feature that identifies duplicate and photoshopped images to prevent a user from uploading duplicate and photoshopped images
  2. Make a mobile application equivalent of the website to allow users to easily upload images upon taking the pictures

Built With

  • azureappservice
  • azurecomputervision
  • azuredevops
  • css
  • css-backend:-nodejs
  • github
  • html
  • javascript
  • mongodb
  • mongodb-database-hosting:-azure-web-app-service-for-hosting-our-website-azure-computer-vision-to-return-tags-of-a-tree(s)-in-an-image-uploaded-by-user-azure-devops-for-project-management
  • node.js
+ 33 more
Share this project:

Updates