import React, { Component } from 'react';
import './App.css';
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import Calculator from './Calculator.js';
import Fauxbonacci from './Fauxbonacci.js';
import APIRequest from './APIRequest.js';

class App extends Component {
  render() {
    return (
      <div className="App container mt-3">
        <header className="App-header">
          <h1 className="App-title">Interview Problems</h1>
        </header>
        <div className="card"><div className="card-body">
          <p>As I have done interviews, I have been asked to create example components to test my ability to follow requirements and work with react. I've decided to save them here for display.</p>
        </div></div>
        <Calculator />
        <Fauxbonacci />
        <APIRequest />
      </div>
    );
  }
}

export default App;