Louiefigz

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background:#E6EEF6;
}

.wrap{
  margin-left:20px;
}

Louiefigz

.Home {
	position: fixed;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:fill;
	background-image: url(https://static.pexels.com/photos/50721/pencils-crayons-colourful-rainbow-50721.jpeg);
	text-align: center;

Louiefigz

import axios from 'axios';



const dailyWeather = "http://api.openweathermap.org/data/2.5/weather?q="
	const tail = "&APPID=*****YOUR API*********"

const fiveDayWeather = "http://api.openweathermap.org/data/2.5/forecast/daily?q="
const fiveDayTail = "&cnt=5"

Louiefigz

import React, { Component } from 'react';
import {Button, Form, FormGroup, FormControl, Navbar, Nav, NavItem} from 'react-bootstrap';

class MyNavbar extends Component {

	render() {
		return (
			<Navbar className="MyNav">
          		<Navbar.Header>
		            <Navbar.Brand>

Louiefigz

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';
import Home from './components/home';

// Importing React Router libraries
import { Router, Route, browserHistory, IndexRoute } from 'react-router';

ReactDOM.render(

Louiefigz

import React, { Component } from 'react';
import { browserHistory } from 'react-router';
import '../css/Home.css';
import {Button, FormGroup, FormControl} from 'react-bootstrap';

class Home extends Component {

	render() {
		return (
			<div className="Home">

Louiefigz

import React, { Component } from 'react';
import {Button, Form, FormGroup, FormControl, Navbar, Nav, NavItem} from 'react-bootstrap';

class MyNavbar extends Component {
	constructor(){
		super();
		this.state={
			value: ""
		}
		this.handleChange = this.handleChange.bind(this);

Louiefigz

import React, { Component } from 'react';
import {Button, Form, FormGroup, FormControl, Navbar, Nav, NavItem} from 'react-bootstrap';
import WeatherFetcher from '../utils/WeatherFetcher';


class MyNavbar extends Component {
	constructor(){
		super();
		this.state={
			value: ""

Louiefigz

import React, { Component } from 'react';
import {Button, Form, FormGroup, FormControl, Navbar, Nav, NavItem} from 'react-bootstrap';
import WeatherFetcher from '../utils/WeatherFetcher';

//require browserHistory here.
import { browserHistory } from 'react-router';



class MyNavbar extends Component {

Louiefigz

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';
import Home from './components/home';

//require the component forecast for our
///forecast/:city path 
import Forecast from './components/forecast';