Inspiration

Ever since our daily routines have been disrupted by the COVID19 pandemic, many individuals have had the urge to pick up new hobbies that are accessible from the comfort of their own home. Many of my family members, friends, and community neighbors have tried their hand at gardening, varying from flowered plants like roses to vegetables like zucchinis. However, I noticed that a number of them quickly gave up the hobby because they would forget to take considerable care of their plants. Therefore, I tried to create an app that would help these aspiring gardeners with their green thumbs!

What it does

The Garden Gnomes app allows the user to input details about their available garden space and plants they currently have, if any. If they don't have currently have any plants, they can visit the explore page to view suggested plants based on their available garden space. After they have set up their garden, based on the information provided by Trefle REST API, the app will create a watering schedule for each plant and notify the user when it needs watering again. If the plant is edible, it will notify the user around when the plant should be ready for harvesting. The user can also get more information about the plants that they have. It will also notify the user when they should begin planting the plant, if they want to prepare for a season.

How I built it

I used React, Node.js, Material-UI, Trefle REST API.

Challenges I ran into

I had issues installing and setting up the MongoDB, so I was unable to begin learning how to use it. I also ended up spending longer than I thought on learning React and basic UI so I could not add all the features I wanted. It also took me a while to use the Trefle REST API and I couldn't get the images from the response to display properly. Since I didn't have a backend server setup properly, I couldn't send the requests properly.

Accomplishments that I'm proud of

Creating a react app myself in a day and learning everything that I did.

What I learned

I learned the basics of React such as creating an app from scratch, components, the material-ui framework, routing, none of which I knew before. I learned that a lot of time and planning goes into building a good app.

What's next for Garden Gnome

I would like to get the database setup so that user information can be stored there, set up authentication and user profiles, improve the look and feel of the UI and add all the missing features.

Built With

Share this project:

Updates