ryanjyost

//src/components/Landing.js

import React from 'react';
import { Link } from 'react-router';
import { Grid, Jumbotron, Button } from 'react-bootstrap';

const Landing = () =>  {
    return (
        <Grid id="Landing" className="container-fluid">
          <Jumbotron id="landing-jumbotron">

ryanjyost

//src/components/WhatIsARainyDayFund
import React, { Component } from 'react';
import { Link } from 'react-router'
import { Button } from 'react-bootstrap';

const WhatIsARainyDayFund = () =>  {

    return (
        <div id="WhatIsARainyDayFund">
	   <h1>What is a Rainy Day Fund?</h1>

ryanjyost

//src/components/MenuBar.js

import React from 'react';
import {Link} from 'react-router'
import { ButtonGroup, Button } from 'react-bootstrap';

const Menubar = () => {
  return (
          <ButtonGroup id="menu" justified>
            <Button className="menu-btn" href="#">

ryanjyost

//src/components/App.js
import React from 'react';
import { Grid, Row } from 'react-bootstrap';
import MenuBar from './MenuBar';

const App = ({children}) => {
  return (
     <Grid id='App'>
          <Row id='MenuBar'><MenuBar/></Row>
          <Row>{children}</Row>

ryanjyost

//src/components/Assumptions.js

import React from 'react';
import {Link} from 'react-router'
import { FormGroup, Row, ControlLabel, FormControl, Button, InputGroup } from 'react-bootstrap';
import {formatDollarValues} from '../helpers'

const Assumptions = () => {
 return (
  <div id="Assumptions">

ryanjyost

//src/components/Expenses.js

import React from 'react';
import { Link } from 'react-router'
import { Button } from 'react-bootstrap';

import Expense from './Expense'
import TotalExpenses from './TotalExpenses'

const Expenses = () =>  {

ryanjyost

//src/components/Expense.js

import React from 'react';
import {FormControl, InputGroup } from 'react-bootstrap';
import {formatDollarValues} from '../helpers'


const Expense = () =>  {
    return (
        <li className="expense-item">

ryanjyost

//src/components/TotalExpenses.js

import React from 'react';
import {formatDollarValues} from '../helpers'

const TotalExpenses = () =>  {
    return (
        <div id="TotalExpenses">
            <h3>Total Monthly Expenses</h3>
            {' '}

ryanjyost

//src/components/SavingsPlan.js

import React from 'react';
import { FormControl, InputGroup } from 'react-bootstrap';

import {formatDollarValues} from '../helpers'


const SavingsPlan = () =>  {
        return (

ryanjyost

//src/router.js

import React from 'react'
import { Router, Route, hashHistory, IndexRoute } from 'react-router'

import App from './components/App'
import Landing from './components/Landing'
import WhatIsARainyDayFund from './components/WhatIsARainyDayFund'
import Assumptions from './components/Assumptions'
import Expenses from './components/Expenses'