diff --git a/client/src/App.js b/client/src/App.js
index f50e8e6..7797202 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { BrowserRouter as Router, Route, Switch} from 'react-router-dom';
+import { BrowserRouter as Router, Route, Switch} from "react-router-dom";
 import {
   ApolloClient,
   InMemoryCache,
@@ -35,6 +35,10 @@ const client = new ApolloClient({
   link: authLink.concat(httpLink),
   cache: new InMemoryCache(),
 });
+
+console.log(client)
+
+
 function App() {
   return (
     <ApolloProvider client={client}>
diff --git a/client/src/Pages/Options/index.js b/client/src/Pages/Options/index.js
index 0db864c..86ba0a9 100644
--- a/client/src/Pages/Options/index.js
+++ b/client/src/Pages/Options/index.js
@@ -36,12 +36,7 @@ function Options(props) {
 
   // const handleProteinSelect = (e) => {
   //   setProteinSelection(e)
-  //   console.log(e)
-  // }
-
-  const handleDietSelect = (e) => {
-    setDietSelection(e);
-    console.log(e);
+ 
   };
 
   const handleMealSelect = (e) => {
@@ -110,9 +105,35 @@ function Options(props) {
                 <option value='beef'>BEEF</option>
                 <option value='pork'>PORK</option>
                 <option value='veggies'>VEGGIES</option>
-                <option value='not picky'>NOT PICKY</option>
+                <option value='chicken'>NOT PICKY</option>
+          </Form.Select>
+        </Form.Group>
+
+
+        <Form.Group className="mb-3">
+          <Form.Label htmlFor='course'>Meal Type</Form.Label>
+          <Form.Select name='course' id='course'>
+                <option value='breakfast'>Breakfast</option>
+                <option value='lunch'>Lunch</option>
+                <option value='dinner'>Dinner</option>
+                <option value='snack'>Snack</option>
+                <option value='lunch'>NOT PICKY</option>
           </Form.Select>
         </Form.Group>
+        
+        <Form.Group className="mb-3">
+          <Form.Label htmlFor='diet'>Dietary Preferences</Form.Label>
+          <Form.Select name='diet' id='diet'>
+                <option value='soy free'>Soy-Free</option>
+                <option value='dairy free'>Dairy-Free</option>
+                <option value='gluten free'>Gluten-Free</option>
+                <option value='egg free'>Egg-Free</option>
+                <option value='peanut free'>Peanut-Free</option>
+          </Form.Select>
+        </Form.Group>
+
+        https://stackoverflow.com/questions/49078351/checkbox-not-working-in-react
+
              <Button variant="primary">
                   submit
                 </Button>
@@ -120,111 +141,5 @@ function Options(props) {
         </Container>
   );
 };
-        /* <h1>What do you want to eat today?</h1>
-        <Form.Group>
-          <h2>Protein Choice</h2>
-          <InputGroup className="mb-3">
-            <DropdownButton
-              variant="outline-secondary"
-              title="Dietary Preferences"
-              id="input-group-dropdown-1"
-            >
-              <Dropdown.Item href="#">Beef</Dropdown.Item>
-              <Dropdown.Item href="#">Chicken</Dropdown.Item>
-              <Dropdown.Item href="#">Fish</Dropdown.Item>
-              <Dropdown.Item href="#">Pork</Dropdown.Item>
-              <Dropdown.Item href="#">Veggies</Dropdown.Item>
-            </DropdownButton>
-          </InputGroup>
-        </Form.Group>
-
-        <Form.Group>
-          <h2>Dietary Preferences</h2>
-          <InputGroup className="mb-3">
-            <DropdownButton
-              variant="outline-secondary"
-              title="Dietary Preferences"
-              id="input-group-dropdown-1"
-            >
-              <Dropdown.Item href="#">Vegetarian</Dropdown.Item>
-              <Dropdown.Item href="#">Vegan</Dropdown.Item>
-              <Dropdown.Item href="#">Pescatarian</Dropdown.Item>
-              <Dropdown.Item href="#">Not Picky</Dropdown.Item>
-            </DropdownButton>
-          </InputGroup>
-        </Form.Group>
-
-        <Form.Group>
-          <h2>Meal Course</h2>
-          <InputGroup className="mb-3">
-            <DropdownButton
-              variant="outline-secondary"
-              title="Meal Course"
-              id="input-group-dropdown-1"
-            >
-              <Dropdown.Item href="#">Breakfast</Dropdown.Item>
-              <Dropdown.Item href="#">Lunch</Dropdown.Item>
-              <Dropdown.Item href="#">Dinner</Dropdown.Item>
-              <Dropdown.Item href="#">Snack</Dropdown.Item>
-              <Dropdown.Item href="#">Not Picky</Dropdown.Item>
-            </DropdownButton>
-          </InputGroup>
-        </Form.Group>
-
-        <Form.Group>
-          <h2>Allergies</h2>
-          <InputGroup className="mb-3">
-            {["checkbox"].map((type) => (
-              <div key={`default-${type}`} className="mb-3">
-                <Form.Check
-                  type={type}
-                  id={`default-${type}`}
-                  label={`Gluten-Free`}
-                  value="gluten"
-                  onChange={(e) => choicesArr.push(e.currentTarget.value)}
-                />
-                <Form.Check
-                  type={type}
-                  id={`default-${type}`}
-                  label={`Soy-Free`}
-                  value="soy"
-                  onChange={(e) => {
-                    choicesArr.push(e.currentTarget.value);
-                  }}
-                />
-                <Form.Check
-                  type={type}
-                  id={`default-${type}`}
-                  label={`Peanut-Free`}
-                  value="nutfree"
-                  onChange={(e) => choicesArr.push(e.currentTarget.value)}
-                />
-                <Form.Check
-                  type={type}
-                  id={`default-${type}`}
-                  label={`Shellfish-Free`}
-                />
-                <Form.Check
-                  type={type}
-                  id={`default-${type}`}
-                  label={`Egg-Free`}
-                />
-
-                <Form.Check
-                  type={type}
-                  label={`Dairy-Free`}
-                  id={`disabled-default-${type}`}
-                />
-                <Button variant="primary" onClick={() => getApistuff()}>
-                  submit
-                </Button>
-              </div>
-            ))}
-          </InputGroup>
-        </Form.Group>
-      </Form> */
- 
-
-
-
+        
 export default Options;
diff --git a/client/src/Pages/Search.js b/client/src/Pages/Search.js
index ffb0ac9..25624de 100644
--- a/client/src/Pages/Search.js
+++ b/client/src/Pages/Search.js
@@ -21,6 +21,8 @@ function Search() {
     console.log(e)
   }
 
+
+  
   const onChange = (e) => {
       const checked = e.target.checked;
       const newFormInfo = {
diff --git a/client/src/components/Recipe/index.js b/client/src/components/Recipe/index.js
index 12cdf1d..d08154b 100644
--- a/client/src/components/Recipe/index.js
+++ b/client/src/components/Recipe/index.js
@@ -9,16 +9,27 @@ function Recipe(props) {
         <Card style={{ width: '30rem' }}>
         {/* <Card.Img variant="top" src={props.data.recipe.image}/> */}
         <Card.Body>
+
+          {/* <Card.Title>{props.data.recipe.label}</Card.Title> */}
+          {/* <Card.Text> */}
+           {/* {props.data.recipe.ingredientLines.map(ingredient=>{
+
           {/* <Card.Title>{props.data.recipe.label}</Card.Title>
           <Card.Text>
            {props.data.recipe.ingredientLines.map(ingredient=>{
+
              return(
                <div>
                  <p>{ingredient}</p>
                </div>
              )
+
+           })} */}
+          {/* </Card.Text> */}
+
            })}
           </Card.Text> */}
+
           <Button variant="primary">Favorite</Button>
         </Card.Body>
       </Card>