Amenallah Hsoumi LazyFatArrow

## AppComponent.js
import React from 'react';
import { Link } from 'react-router-dom';
import logo from './logo.png';
import './App.css';

const AppComponent = ({authed, login, logout}) => {


    const authButtons =  authed ?
      <a href="#" onClick={logout}>Logout</a> :

## ProfileContainer.js
import React from 'react';
import { connect } from 'react-redux';
import { pathToJS, firebaseConnect } from 'react-redux-firebase';

import ProfileComponent from './ProfileComponent';

const ProfileContainer = ({profile}) => (
  <ProfileComponent profile={profile}/>
);

## ProfileComponent.js
import React from 'react';

import './User.css';

const ProfileComponent = ({profile}) => (
  <div className="profile">
    <h2>{profile.name}</h2>
    <h4>you have {profile.points} points</h4>
  </div>
);

## index.js
import React from 'react';
import ReactDOM from 'react-dom';
import configureStore from './store';
import { Provider } from 'react-redux';
import {
  BrowserRouter as Router,
  Redirect,
  Route
} from 'react-router-dom';
import { pathToJS } from 'react-redux-firebase';

## App.css
/* old code */

.nav {
  padding: 10px;
  width: 100%;
  text-align: center;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
}

## User.css
.profile {
  text-align: center;
  margin-top: 50px;
}

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Inventory Manager</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <div id="app"></div>
  </body>

## package.json
{
  // other parts of the file we wont change
  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "api": "nodemon server/index.js",
    "build": "node build/build.js"
  },
  "directories": {
    "lib": "server"

## index.js

module.exports = function () {
  const app = this;
}

## logger.js
// A hook that logs service method before, after and error
const logger = require('winston');

module.exports = function () {
  return function (hook) {
    let message = `${hook.type}: ${hook.path} - Method: ${hook.method}`;

    if (hook.type === 'error') {
      message += `: ${hook.error.message}`;
    }
	import React from 'react';
	import { Link } from 'react-router-dom';
	import logo from './logo.png';
	import './App.css';

	const AppComponent = ({authed, login, logout}) => {


	const authButtons = authed ?
	<a href="#" onClick={logout}>Logout</a> :
	import React from 'react';
	import { connect } from 'react-redux';
	import { pathToJS, firebaseConnect } from 'react-redux-firebase';

	import ProfileComponent from './ProfileComponent';

	const ProfileContainer = ({profile}) => (
	<ProfileComponent profile={profile}/>
	);
	import React from 'react';

	import './User.css';

	const ProfileComponent = ({profile}) => (
	<div className="profile">
	<h2>{profile.name}</h2>
	<h4>you have {profile.points} points</h4>
	</div>
	);
	import React from 'react';
	import ReactDOM from 'react-dom';
	import configureStore from './store';
	import { Provider } from 'react-redux';
	import {
	BrowserRouter as Router,
	Redirect,
	Route
	} from 'react-router-dom';
	import { pathToJS } from 'react-redux-firebase';
	/* old code */

	.nav {
	padding: 10px;
	width: 100%;
	text-align: center;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Inventory Manager</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
	<div id="app"></div>
	</body>
	{
	// other parts of the file we wont change
	"scripts": {
	"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
	"start": "npm run dev",
	"api": "nodemon server/index.js",
	"build": "node build/build.js"
	},
	"directories": {
	"lib": "server"
	// A hook that logs service method before, after and error
	const logger = require('winston');

	module.exports = function () {
	return function (hook) {
	let message = `${hook.type}: ${hook.path} - Method: ${hook.method}`;

	if (hook.type === 'error') {
	message += `: ${hook.error.message}`;
	}