diff --git a/src/components/SuggestCard.jsx b/src/components/SuggestCard.jsx
index ad7feca..8a42087 100644
--- a/src/components/SuggestCard.jsx
+++ b/src/components/SuggestCard.jsx
@@ -1,18 +1,43 @@
 import { Link } from 'react-router-dom';
 import { motion } from 'framer-motion';
+import { config } from '../logic/constants';
+import { useState } from "react";
 
 const SuggestCard = ({ name, imageUrl }) => {
+  const [plants, setPlants] = useState(JSON.parse(localStorage.getItem('plants')));
+
+  const createPlant = async () => {
+    var newPlants = plants;
+    let nextId = Math.max.apply(Math, plants.map(function(o) { return o.id; })) + 1;
+    let addedPlant = {
+      "id": nextId,
+      "img": imageUrl,
+      "type": name,
+      "age": 0, 
+      "likes": 0,
+      "owned": true,
+      "name": name,
+      "user": "self",
+      "description": "self"
+    };
+    newPlants.push(addedPlant);
+    setPlants(newPlants);
+    localStorage.setItem('plants', JSON.stringify(newPlants));
+
+    window.location.href = config.base + "/#/garden";
+  };
+
   return (
     <div className='mx-1'>
       <p className='py-4'>{name}</p>
       <div className='relative w-32 h-32 overflow-hidden'>
         <img
           className='aspect-w-1 aspect-h-1 object-cover hover:scale-110 transition duration-500 cursor-pointer py-5'
-          src={imageUrl}
+          src={config.base + imageUrl}
           alt={imageUrl}
         />
       </div>
-      <Link to='/garden'>
+      <Link to='/garden' onClick={() => createPlant()}>
         <motion.button
           whileHover={{ scale: 1.05 }}
           whileTap={{ scale: 0.9 }}
diff --git a/src/pages/ExistingPlant.jsx b/src/pages/ExistingPlant.jsx
index cf6246f..4be82cc 100644
--- a/src/pages/ExistingPlant.jsx
+++ b/src/pages/ExistingPlant.jsx
@@ -49,8 +49,6 @@ const ExistingPlant = () => {
     localStorage.setItem('plants', JSON.stringify(newPlants));
 
     window.location.href = config.base + "/#/garden";
-
-
   };
 
   return (
diff --git a/src/pages/SuggestPlant.jsx b/src/pages/SuggestPlant.jsx
index ecd35aa..623465f 100644
--- a/src/pages/SuggestPlant.jsx
+++ b/src/pages/SuggestPlant.jsx
@@ -5,7 +5,6 @@ import { Link } from 'react-router-dom';
 import suggestPlants from '../logic/suggest';
 import plantData from '../logic/plantData.json';
 import SuggestCard from '../components/SuggestCard';
-import { config } from '../logic/constants';
 
 const SuggestPlant = () => {
   const [budget, setBudget] = useState(0);
@@ -212,7 +211,6 @@ const SuggestPlant = () => {
                 <SuggestCard
                   name={suggestion[0].name}
                   imageUrl={
-                    config.base +
                     `/images/suggestions/` +
                     suggestion[0].name +
                     `.jpg`
@@ -221,7 +219,6 @@ const SuggestPlant = () => {
                 <SuggestCard
                   name={suggestion[1].name}
                   imageUrl={
-                    config.base +
                     `/images/suggestions/` +
                     suggestion[1].name +
                     `.jpg`
@@ -230,7 +227,6 @@ const SuggestPlant = () => {
                 <SuggestCard
                   name={suggestion[2].name}
                   imageUrl={
-                    config.base +
                     `/images/suggestions/` +
                     suggestion[2].name +
                     `.jpg`