WePlant

Go the green way! A solution for nature lovers that can't seem to keep a houseplant alive!

Team BgB's entry for Tech Boston Hackathon 2020

Team Members: Niveditha N, Sarah Swihart, and Ekam Gupta

Idea


Create an app that supports people as they grow indoor plants with reminders to water them regularly! This has the potential to not only contribute to their own personal growth, but also to strengthen their bond with nature. Research shows that indoor plants can reduce symptoms of fatigue, headache, cough, and dry skin, and rooms with plants tend to contain 60 percent fewer airborne molds and bacteria than those without (source), making them a great way to improve one's home environment during pandemic quarantine.

Inspiration


The most difficult part of raising plants is remembering to water them regularly! This inspired us to create an app that would give us reminders to water our plants, eliminating that obstacle. We also felt that making it a game-like structure, with points and levels, could also serve as a motivator for users to continue watering and caring for their plants.

Topics Covered


  • Personal Growth
  • Environmental Awareness

What Should the App Be Able To Do?


  • Allow users to record the number of different plants they are growing
  • Allow the user to log when/how much they water their plant(s)
  • Send the user notifications to remind them to water their plant(s)
  • Give the user “points” and the ability to level up when they care for their plant(s) well, placing them on a leaderboard of WePlant users

How much we could achieve in 48 hrs?


  • Design a UI in Figma for all of the different pages of the app
  • Program a front end that allows users to set a reminder for the date that they want to water their plants
  • Connect with a CockroachDB database that stores user data (including id, number of points, number of plants, and the amounts and dates that each plant has been watered)
  • Program a back end that allows the user to add plants and log when/how much they water their plant in the CockroachDB database

How we built it


  • JavaScript (React.js for the front end and Node.js for the back end)
  • HTML/CSS for the front end
  • CockroachDB for the database storage
  • Figma for the UI design

Challenges we ran into


  • Getting everything done on time!
  • Three different time zones
  • Integrating front end and back end code
  • Programming the app to display the login page rather than the home screen when a user visits it

Accomplishments that we're proud of


  • The UI turned out really nice, and we all were pretty new to pretty much all of the frameworks we were using, so it was great to be able to get things to work!
  • Our team could coordinate and work well together in spite of the major differences in our time zones

What we learned


  • How to integrate several different platforms and frameworks to create one product
  • How to use CockroachDB, and how to connect a CockroachDB database to a Node.js program
  • How to implement a front end using React.js and HTML/CSS
  • How to work in a team while all in different locations and time zones

What's next for WePlant ?


  • Completing the milestones we couldn't complete in 48 hrs
  • Connecting the front end and UI to the back end and database
  • Integration of social media features, including allowing users to share images of their plants and tips for other gardeners

Built With

Share this project:

Updates