<file_sep>import React, { Component } from 'react';
import FlatButton from 'material-ui/FlatButton';

class UserLogin extends Component {
  render() {
    return (
      <div>
        <FlatButton label="Login"/>
        <FlatButton label="Sign In"/>
      </div>
    );
  }
}

export default UserLogin;
<file_sep>import React, { Component } from 'react';
import { Card, CardHeader, CardMedia, CardTitle } from 'material-ui/Card';

class Recipe extends Component {
  render() {
    return (
      <Card>
        <CardHeader>
          <h3>Card Header</h3>
        </CardHeader>
        <CardMedia>
          <img src="https://placehold.it/200?text=No+Image" alt=""/>
        </CardMedia>
        <CardTitle>
          <p>Card Title</p>
        </CardTitle>
      </Card>
    );
  }
}

export default Recipe;
<file_sep>import React, { Component } from 'react';
import AppBar from 'material-ui/AppBar';
import UserLogin from '../components/UserLogin';

class Navbar extends Component {
  render() {
    return (
      <AppBar iconElementRight={<UserLogin />}/>
    );
  }
}

export default Navbar;
<file_sep>import React, { Component } from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import { Grid, Row, Col } from 'react-flexbox-grid';
import injectTapEventPlugin from 'react-tap-event-plugin';
import Navbar from './Navbar';
import Sidebar from './Sidebar';
import SearchForm from './SearchForm';
import RecipesList from './RecipesList';

class MainPage extends Component {
  constructor(props) {
    super(props);
    injectTapEventPlugin();
  }

  render() {
    return (
      <MuiThemeProvider>
        <Grid fluid>
          <Row>
            <Col xs={12} md={12}>
              <Navbar />
              <Sidebar />
              <SearchForm />
              <RecipesList />
            </Col>
          </Row>
        </Grid>
      </MuiThemeProvider>
    );
  }
}

export default MainPage;
<file_sep>import { combineReducers } from 'redux';
import auth from './auth';
import search from './search';
import recepies from './recepies';

const ingridientsApp = combineReducers({
  auth,
  search,
  recepies
})

export default ingridientsApp;
