From our home page, log in with your Google account. You will then be taken to the garden page.
To add plants to your garden, start typing the name of the desired plant in the search bar on the right side of the screen. Search results will populate, add plants directly from those results with the plant it!
button, or find out more information on each plant with the more info
button. You can also add the plant from within the modal that populates when the more info
button is selected. From here, you can add more plants by repeating this process, or you can navigate back to your garden by selecting the back to garden
button on the top left of the navigation bar. Now you will be able to see all the plants you have added to your garden!
To delete a plant, select the delete plant
button on the plant you'd like to delete. The page will automatically re-render with your updated garden.
To logout from your inBloom profile, click the Google Logout button on the top right side of the navbar.
You will need to have MySQL installed on your machine to use this locally
https://dev.mysql.com/doc/mysql-installation-excerpt/5.7/en/installing.html
Once you've ensured that MySQL is installed, you will need to clone the repository to your local machine
git clone https://github.com/ashlinhanson/inBloom.git
Then you will need to install the dependencies needed to run the application
npm install
and add your password to config.json.
"username": "root",
"password": "",
Then open your MySQL WorkBench (or chosen SQL tool) and run the command
CREATE DATABASE in_bloom;
and finally run in the command line
npm start
and it open the browser to run the application
🌿 Landing Page 🌿
🌿 Garden Page 🌿
🌿 Plant Data 🌿
React
MySQL
Express
Node.js
Bootstrap
Adobe Illustrator
- GSAP
- Trefle API
- Find a better API with complete data and care info
- Create a water reminder button for each plant to notify when it needs to be watered
- Link local nurseries for plants and plant care resources/items
- Create a secondary route for users without a gmail account
- Search for plants by photo
Copyright (c) 2020 Ashli Hanson Licensed under the MIT license.