edemkumodzi

import React, { Component } from 'react';
import TaskList from './TaskList.js';
import Date from './Date.js';
import Avatar from './Avatar.js';
import AddButton from './AddButton.js';

import './App.css';

class App extends Component {
  render() {

edemkumodzi

import React, {Component} from 'react';
import {Row, Col, Button} from 'react-bootstrap';
import FontAwesome from 'react-fontawesome';

class AddButton extends Component {
    render() {
        return (
            <div>
              <Row>
                <Col xs={10}></Col>

edemkumodzi

import React, {Component} from 'react';
import {Row, Col, Image} from 'react-bootstrap';

class Avatar extends Component {
    render() {
        return (
            <div>
              <Row>
                <Col xs={10}></Col>
                <Col xs={2}>

edemkumodzi

import React, { Component } from 'react';
import TaskList from './TaskList.js';
import Date from './Date.js';

import './App.css';

class App extends Component {
  render() {
    return (
      <div style={{padding: '30px 30px'}}>

edemkumodzi

import React, {Component} from 'react';

class Date extends Component {
    render() {
        return (
            <div>
                <h1>Thursday</h1>
                <p>May 19, 2016</p>
            </div>
        );

edemkumodzi

import React, { Component } from 'react';
import TaskList from './TaskList.js';

import './App.css';

class App extends Component {
  render() {
    return (
      <div>
          <TaskList />

edemkumodzi

import React, { Component } from 'react';
import Task from './Task.js';

class TaskList extends Component {
  render() {
    return (
      <div>
          <Task />
          <Task />
          <Task />

edemkumodzi

import React, { Component } from 'react';
import Task from './Task.js';

import './App.css';

class App extends Component {
  render() {
    return (
          <Task />
    );

edemkumodzi

import React, {Component} from 'react';
import {Row, Col} from 'react-bootstrap';
import FontAwesome from 'react-fontawesome';

class Task extends Component {
    render() {
        return (
            <div>
                <Row>
                    <Col xs={1}>

edemkumodzi

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

import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';
import 'font-awesome/css/font-awesome.css';

ReactDOM.render(