Gardening Application

A custom web app built using Angular Material Design to manage garden plants and gardening tasks.

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.

Tools used

Axure
A powerful tool for rapid and high fidelity prototyping.
Sketch
A excellent tool for creating vector based web designs.
Angular
A TypeScript-based free and open-source single-page web application framework.
Angular Material
A UI library for mobile and desktop Angular web applications.

Examples

Plant Inventory

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.

Plant View

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.

Garden Bed Plan

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

Garden Bed Timeline

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

Related Services

Thanks for your message.

We will reach out as soon as possible.
Have a good one!
OK!
Oops! Something went wrong while submitting the form.