PlantFriend

PlantFriend is a web application that is designed to help users manage their stress levels by rewarding them for small achievements throughout their day. During the stressful times of quarantine, I noticed that it was helpful to focus on small positives to help me get through the day and to stay optimistic. A hobby that I got into was gardening as it allowed me to spend more time outdoors and to invest my time and energy into producing something that was living. As a result, I decided to create a web application that can hopefully encourage others to be happy after taking care of their own plants. To create PlantFriend, I used React. For the front-end work, I used CSS and HTML. For the back-end work and to create my API calls, I used Javascript. I stored the user information in Google Firebase, and I also enabled authentication so each user can retrieve their own data. I am still a beginner at computer science and web development, so I ran into a lot of issues about understanding the logic of many functions. One of the biggest challenges that I ran into was connecting my front-end to the back-end and accessing Firebase correctly. However, I am proud of how I was able to create the API call in the end and store each user’s information under different paths. I was also having difficulty trying to receive, update, set, and check the existence of the point system, so I am proud of developing that function. Technically, I learned a lot about web development and how the different languages work together to produce an application. I also learned how to access a database, which was a concept that I was not familiar with before completing my project. Participating in a competition with a limited time frame also taught me the importance of efficiency in both my logic and my code. Ultimately, I also learned a lot about determination and persistence when debugging my code. For the future, I would like to add a greater selection of vegetables to PlantFriend. I will also look into adding a calendar feature that creates specific, daily tasks for the user based on the vegetables in their Garden.

Built With

• bootstrap
• css
• firebase
• html
• javascript
• react