built grown by Daniel Gynn

Plantae is an app to remind yourself when to care for your plants. I originally built this app for my wife (an avid collector of houseplants) to keep track of all of our plants, and their differing needs.

Using Plantae, you can set reminders for when you should water, mist, fertilize, or prune your plants, as well as set the recommended sunlight level.

The main feed shows all of the tasks that you need to complete today, with a badge showing if the task is overdue. You can also see a feed of all upcoming tasks for your plant collection. These feeds can be filtered by the specific action types.

Contents

Demo

The following video gives a short demo of the current version of Plantae.

https://www.loom.com/share/36b100c210a84602af44450943e184e8

Code

I built the original version of this project a while ago, and have recently refactored the frontend. The server is largely the same as the initial version.

You can view the updated project below on GitHub. The repo is private, so please send me any emails you need added.

https://github.com/danielgynn/plantae-v2

The app was written in React (with Create React App) and TypeScript, using Chakra UI for a component library and SWR for data fetching/mutation. The backend is a small Node.js (Express) server connected to a MySQL database, with Passport Google OAuth. I’ve also integrated a small weather forecast API to display the current conditions on the user feed.

Running the Project

Prerequisites - make sure you have the following installed:

To get the app started: