Go Greenz

Cultivating Healthy Habits, One Click At A Time.

Comment 3

Inspiration

  • Inspired by the desire to empower individuals to lead healthier lives and make sustainable choices, Go Greenz blossomed into a revolutionary concept. Our vision stands from the belief that everyone deserves access to a tool that not only promotes personal well-being but also contributes to a healthier planet. Go Greenz stands as a testament to our commitment to fostering positive lifestyle changes, one step at a time.
  • Our project aims to encourage people to reduce their reliance on driving to school or work while simultaneously improving their fitness and nutrition, all in a sustainable manner. We've designed a comprehensive platform that tracks the carbon emissions saved by avoiding unnecessary driving and provides personalized fitness plans, nutrition guidance, calorie tracking. Users can track their fitness progress through tools like BMI analysis. Our end goal is to help people become sustainably healthier and more environmentally conscious, ultimately reducing their carbon footprint and contributing to a greener, more sustainable world.

What it does

  • Our website aims to provide a space for people to get support for their health and overall well-being. It acts as a hub with various resources including a carbon emission calculator, where users can input the amount of carbon emission they saved with their activity over the week; a calorie calculator where users can find how many calories and macronutrients they need in a day and how to meet them; and a education and resources page where users can find resources to lead them towards their fitness goals.
  • Also, in the workout plans, there are 4 different workout plans: Beginner, Intermediate, Advanced, and Building Muscle. Users can choose which plan they want to take based on their fitness levels and goals, the desired intensity of their workouts, and how many calories they want to burn. There’s also a “Near Me” page which helps the user find parks and grocery stores near them. And there’s weekly challenges page as well!
  • We didn't mention it in the video (because of time constraints for video), but we also created a Discord Bot for Go Greenz. The Discord Bot has many of the same features as on the web app, but you can access it all in Discord. Pictures of the bot are at the end of the picture roll. You can ask for the calorie calculator and tracker, carbon emissions calculator, workout videos, and more! The link to the Discord server with the bot as well as the repl.it page with all the files for the bot are in the try-it-out section below.

How we built it

  • This website was built and hosted by Google Sites, with HTML, CSS, and JS code embedded in it for building select functions like the carbon emissions activity tracker.
  • The logo was made with Namelix and Adobe Photoshop
  • The Discord Bot was made with Discord Developer Tools and repl.it

Challenges we ran into

  • We originally wanted to make a mobile application with MIT App Inventor or Thunkable, but we realized that its functionality would be really limited given that they mainly use block coding. Therefore, we opted for Google Sites instead, which was a lifesaver for us. It was able to host the website as well as help us quickly format the UI of the website, as well as seamlessly adding and removing new pages. Google Sites also allowed us to embed our own code as well for things such as the weekly carbon emission calculator that couldn’t be simply made with built-in tools!
  • We also wanted to make a login functionality to store user input and for making a login streak, but we realized that it was way outside the scope of a week-long hackathon, and we chose to drop that idea. For any user input that needs to be stored, it is simply stored to localStorage.
  • We wanted to make a Discord Bot using Python, but many of the YouTube videos we found were outdated so that the syntax wasn't valid anymore. We had to spend a lot of time (around 10 hours!) to find out the syntax and then we had to learn to code the Discord Bot. We also didn't know how to store data such as a user's login streak, so we had to research a lot and eventually utilized json files to do this.

Accomplishments that we're proud of

  • This was the first hackathon for all of us, so we’re proud of the fact we were able to make a fully functional website in just a week. None of us have ever really taken a web application this far before, so it was an eye-opening learning experience for us to implement HTML, CSS, JS, and Google Sites to work together to make a website with many features.
  • The weekly carbon emission calculator was one of the hardest features to make. It took a lot of coding and debugging (around 10 hours as well) to make the calculator correctly take in user input and output the amount of carbon emissions saved and various other stats. We also utilized Charts.js to display a graph of the user’s activity level throughout the week, which also was a pain to get running smoothly.
  • We decided to create a Discord Bot the day before the hackathon deadline even though none of us have ever made one before. We are extremely happy that we were able to get a Discord Bot up and running the hours proceeding the deadline!

What we learned

  • We learned how to implement HTML, CSS, and JS together to make code that can go all the way from taking user input to making calculations and even outputting a graph (most the team had very little experience with these languages and just web development in general)
  • Using tools like Google Sites to act as the blueprint for the UI of our website, and Namelix to create a brandable name, logo, and favicon for our website.
  • Learned how to create a Discord bot with repl.it and Discord Developer Tools and how to get repl.it to communicate with Discord and have the bot register changes quickly. We learned to utilize json files to store user data.

What's next for Go Greenz

  • Continue polishing the Discord Bot so that users can seamlessly invite it into their Discord server. Also, try to make a server-wide leaderboard as well as a global leaderboard for login streaks as well as weekly challenges completed.
  • Login functionality for the web application to make the experience more personalized, such as with rewards for completely weekly challenges, login streaks, and more personalized nutrition and workout plans.
  • Implementing Open AI’s API to create a meal/nutrition assistant that can help give healthy meal ideas based on ingredients that the user currently has in their home.

Built With

+ 7 more
Share this project:

Updates