diff --git a/client/src/components/Create-Recipe/AddRecipe.js b/client/src/components/Create-Recipe/AddRecipe.js
index 057ede5..dd34b71 100644
--- a/client/src/components/Create-Recipe/AddRecipe.js
+++ b/client/src/components/Create-Recipe/AddRecipe.js
@@ -37,6 +37,8 @@ export const AddRecipe = () => {
     //         .catch((err) => console.log(err));
     // }, []);
 
+    
+
     const addRecipe = (e) => {
         e.preventDefault();
         axios.post('http://localhost:8000/api/addRecipe', {
diff --git a/client/src/components/One-Recipe/RecipeCard.js b/client/src/components/One-Recipe/RecipeCard.js
index 2fb9e15..a88c3e4 100644
--- a/client/src/components/One-Recipe/RecipeCard.js
+++ b/client/src/components/One-Recipe/RecipeCard.js
@@ -1,11 +1,32 @@
 import Nav from '../Nav/Nav'
 import './RecipeCard.css'
+import { useLocation } from 'react-router-dom'
+import { useParams } from 'react-router-dom'
+import { useState } from 'react'
+import { useEffect } from 'react'
+import axios from 'axios'
 
 const RecipeCard = (props) => {
 
+    let location = useLocation();
+    const { id } = useParams();
+    const [recipe, setRecipe] = useState({});
+
+    console.log("This is the location", location)
+
+    useEffect(() => {
+        axios.get(`http://127.0.0.1:8000/api/recipe/${id}`)
+        .then(response => {
+            console.log(response.data)
+            setRecipe(response.data)
+        })
+        .catch(error => {
+            console.log(error, 'nope')
+        })
+    },[])
 
     //We pull down the list of all recipes via props so that cards can be generated for each.
-    const {recipe} = props
+    // const {recipe} = props
 
 
     // Switching between image and directions view 
@@ -20,6 +41,7 @@ const RecipeCard = (props) => {
     }
 
         // We need to plug in recipe.title, recipe.serves , etc 
+        // GJL Working on this now!!!!
 
     return (
         <div>
@@ -35,22 +57,22 @@ const RecipeCard = (props) => {
                     <div className='recipe-card'>
                         <div className='recipe-card-top'>
                             <h3>Servings 
-                                <span className='card-span'>4</span>
-                                {/* <span className='card-span'>{recipe.serves}</span> */}
+                                {/* <span className='card-span'>4</span> */}
+                                <span className='card-span'>{recipe.serves}</span>
                             </h3>
                             <h3>Prep Time 
-                                <span className='card-span'>20 mins</span>
-                                {/* <span className='card-span'>{recipe.prepTime}</span> */}
+                                {/* <span className='card-span'>20 mins</span> */}
+                                <span className='card-span'>{recipe.prepTime}</span>
                             </h3>
                             <h3>Cook Time 
-                                <span className='card-span'>40 mins</span>
-                                {/* <span className='card-span'>{recipe.cookTime}</span> */}
+                                {/* <span className='card-span'>40 mins</span> */}
+                                <span className='card-span'>{recipe.cookTime}</span>
                             </h3>
                         </div>
                         <div className='recipe-card-bottom'>
                             <h1>Ingredients Needed</h1>
                             <p>Ingredients list goes here</p>
-                            {/* <p>{recipe.ingredients}</p> */}
+                            <p>{recipe.ingredients}</p>
                         </div>
                         <h2 className='show-directions' onClick={handleClick}>Show Directions</h2>
                     </div>
@@ -58,18 +80,18 @@ const RecipeCard = (props) => {
                 {/* Right Container  */}
                 <div className='recipe-card-right'>
                 <div className='card-right-container'>
-                    <h3 className='recipe-title'>Recipe Title</h3>
-                    {/* <h3 className='recipe-title'>{recipe.title}</h3> */}
+                    {/* <h3 className='recipe-title'>Recipe Title</h3> */}
+                    <h3 className='recipe-title'>{recipe.title}</h3>
                     <hr className='recipe-title-divider'></hr>
                     <div className='image-container'>
-                        {/* <img src={recipe.mainImage} alt='main' className='recipe-card-image'></img> */}
-                        <img src='https://images.unsplash.com/photo-1540189549336-e6e99c3679fe?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Nnx8Zm9vZHxlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60' alt='recipe' className='recipe-card-image'></img>
+                        <img src={recipe.mainImage} alt='main' className='recipe-card-image'></img>
+                        {/* <img src='https://images.unsplash.com/photo-1540189549336-e6e99c3679fe?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Nnx8Zm9vZHxlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60' alt='recipe' className='recipe-card-image'></img> */}
                     </div>
                     <div className='directions-container'>
-                    {/* <p>{recipe.instructions}</p> */}
-                    <p>directions</p>
-                    <p>directions</p>
+                    <p>{recipe.instructions}</p>
+                    {/* <p>directions</p>
                     <p>directions</p>
+                    <p>directions</p> */}
                     </div>
                 </div>
                 </div>
diff --git a/client/src/components/Recipe-Tile/RecipeTile.js b/client/src/components/Recipe-Tile/RecipeTile.js
index 46232ff..fa94a89 100644
--- a/client/src/components/Recipe-Tile/RecipeTile.js
+++ b/client/src/components/Recipe-Tile/RecipeTile.js
@@ -23,7 +23,12 @@ const RecipeTile = (props) => {
                     <div class="card--sub">
                         {recipe.instructions}
                     </div>
-                    <Link to={`/recipe/${recipe._id}`} className='cta'>View Recipe</Link>
+                    <Link to={{
+                        pathname:`/recipe/${recipe._id}`,
+                        state: {
+                            recipe: recipe
+                        }
+                    }} className='cta'>View Recipe</Link>
                     <p className='recipe-tile-author'>{recipe.creator}</p>
                 </div>
             </div>