create-react-app

.gitignore

+npm-debug.log

src/compforge/src/index.js

 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
-import './index.css';
+
+let menuItems = [
+  {"id": "createForm"},
+  {"id": "shareForm"},
+  {"id": "addPartner"},
+  {"id": "viewAccount"},
+  {"id": "signOut"}
+]
+
+const MenuButton = ({id}) => {
+  return (
+    <section>
+      <p>Button: {id}</p>
+    </section>
+  )
+}
+
+class Menu extends React.Component {
+  state = {signedIn: false}
+
+  toggleSignedInOut = () => {
+    this.setState(prevState => ({
+      signedIn: !prevState.signedIn
+    }))
+  }
+
+  render () {
+    const { menuItems } = this.props
+    return (
+      <div id="menu">
+        <h2>Signed {this.state.signedIn ? 'in' : 'out'}</h2>
+        <button onClick={this.toggleSignedInOut}>Sign in/out</button>
+        {menuItems.map(
+          (menuItem, i) =>
+            <MenuButton
+              key={i}
+              id={menuItem.id}/>
+        )}
+      </div>
+    )
+  }
+}
 
 ReactDOM.render(
-  <App />,
+  <Menu menuItems={menuItems}/>,
   document.getElementById('root')
-);
+)
\ No newline at end of file