diff --git a/.idea/misc.xml b/.idea/misc.xml
new file mode 100644
index 0000000..24eb271
--- /dev/null
+++ b/.idea/misc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="JSX" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 7e261ca..8f39cc6 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,25 +1,24 @@
 import React, { Component } from 'react';
-import logo from './logo.svg';
 import './App.css';
 
+const recipes = ['Waffles', 'Omelets'];
+
+const Recipe = (props) =>(
+    <li>{ props.recipe }</li>
+)
+
+const Recipes = (props) => (
+  <ul>
+    {props.recipes.map(recipe => <Recipe key={recipe} recipe={recipe} />)}
+  </ul>
+);
+
 class App extends Component {
   render() {
     return (
       <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <p>
-            Edit <code>src/App.js</code> and save to reload.
-          </p>
-          <a
-            className="App-link"
-            href="https://reactjs.org"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Learn React
-          </a>
-        </header>
+        <h1>Recipes:</h1>
+        <Recipes recipes={recipes} />
       </div>
     );
   }