Gardening Application | Angular & Material

Using the Angular and Material Design frameworks, we built this web application to manage garden and landscape data across a physical property. The application allows the user to create gardens with beds, and then add plants to the beds. Other management functions include seasonal planning, greenhouse management, and planting history timelines.

Plants can be viewed in a list and cards format, and filter by plant and variety. Additionally a search tool allows to target specific plants by entering a query.

Detailed plant view displays key information such as lineage and physical attributes.‍ Additionally, a diagram displayed a visual of the ideal time for planting along with the heat pattern of the location planted. Editing the plant allowed to gather all of this information.

This view allows to select plants from the catalog and add them to a bed to visualize in a calendar planting times.

Plants can be organized in gardens and in bed, and from there record gardening events, drawing a timeline for future reference.