• 

  Landing Page

• 

  Plant List

• 

  Detailed info on each plant after you click on the proper plant

Plant Baby

Plant Baby was my final project as a student at Boca Code. The goal was to give users information about specific plants to give them suffiecient care to survive.

Getting Started

In order to create this web app, a couple packages are needed to be installed before continuing:

React

Firebase Authentication

• firebase
• firebase/auth

Material UI's component library

• @mui/material

• @mui/icons-material

Here is a complete list of all the dependencies included in this project:

## Exploring the App You are immediately taken to the homepage where it gives a brief description on what the app is about and what you can do on it. Once you scroll to the bottom you can immediately go to the plant list or you can create an account.

Logging in/Creating an Account

You have the option to create an account or login to an existing account. You also have the option to login using Google. This app is secured using Firebase Authentication.

Checking out the Plant List

You can check out the plant list without creating an account, but you won't be able to favorite any plants without an account.

Adding a Plant to the Dashboard

Once you have an account, you will be able to add a plant to your Dashboard.

Built With

• css
• firebase
• gcp
• html
• javascript
• react