Kassim Damilola dammyng

## Country_and_Currency
[
    {
      "Country": "Afghanistan",
      "Currency": "Afghani"
    },
    {
      "Country": "Albania",
      "Currency": "Lek"
    },
    {

## Nigeria_States_LGs
[
    {
    "state": "Abia",
    "lgas": [
    "Aba North",
    "Aba South",
    "Arochukwu",
    "Bende",
    "Ikawuno",
    "Ikwuano",

## Nigeria_States_WIP
[
    {"name": "Abia" , "code" :"AB"},
    {"name":"Adamawa", "code" :"ADW"},
    {"name":"Anambra", "code" :"ANA"},
    {"name":"Akwa Ibom", "code" :"AKW"},
    {"name":"Bauchi", "code" :"BAU"},
    {"name":"Bayelsa", "code" :"BAY"},
    {"name":"Benue", "code" :"BNU"},
    {"name":"Borno", "code" :"BR"},
    {"name":"Cross River", "code" :"CRV"},

## manipulate canvas, turn to image
<html>
    <head></head>
    <body>
        <canvas id="myCanvas"></canvas>
    </body>

<script type="text/javascript">
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

## KDPropsdrilling
import React, { Component } from 'react';
import { Date } from 'core-js';
import './App.css';

const RoomItem = (props) => {
  var room = props.room? props.room :{}
  return (<div className="roomBox">
      <h3>{room.RoomId}</h3>
      <p>{room.Class}</p>
      <p className={room.Available? "teal" :"red"}>{room.Available? "Available" : "Booked"}</p>

## KD - React context - index.js
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

export const RoomContext = React.createContext();

class RoomProvider extends Component {
    constructor(props) {

## KD - React context - app.js
import React, { Component } from 'react';
import { Date } from 'core-js';
import './App.css';

const RoomItem = (props) => {
  var room = props.room ? props.room : {}
  return (<div className="col-md-4 roomBox">
      <div className="card">
      <div className="card-body">

## CSS - repeated property
.one {
  color: white;
  background-color: brown;
  margin: 10px;
  width: 50px;
  height: 50px;
  display: inline-block;
}

.two {

## Set up express server
var express = require('express')
const app = express();
app.listen(3600 , ()=> {console.log("App started")})

## integrate Apollo graphQL into express
var express = require('express')
const  { ApolloServer,gql } = require('apollo-server-express');

const typeDefs = gql`
type Query {
 greet: String,
 users :[User],
 musers:[User]
}
	[
	{
	"Country": "Afghanistan",
	"Currency": "Afghani"
	},
	{
	"Country": "Albania",
	"Currency": "Lek"
	},
	{
	[
	{
	"state": "Abia",
	"lgas": [
	"Aba North",
	"Aba South",
	"Arochukwu",
	"Bende",
	"Ikawuno",
	"Ikwuano",
	[
	{"name": "Abia" , "code" :"AB"},
	{"name":"Adamawa", "code" :"ADW"},
	{"name":"Anambra", "code" :"ANA"},
	{"name":"Akwa Ibom", "code" :"AKW"},
	{"name":"Bauchi", "code" :"BAU"},
	{"name":"Bayelsa", "code" :"BAY"},
	{"name":"Benue", "code" :"BNU"},
	{"name":"Borno", "code" :"BR"},
	{"name":"Cross River", "code" :"CRV"},
	<html>
	<head></head>
	<body>
	<canvas id="myCanvas"></canvas>
	</body>

	<script type="text/javascript">
	var canvas = document.getElementById('myCanvas');
	var ctx = canvas.getContext('2d');
	import React, { Component } from 'react';
	import { Date } from 'core-js';
	import './App.css';

	const RoomItem = (props) => {
	var room = props.room? props.room :{}
	return (<div className="roomBox">
	<h3>{room.RoomId}</h3>
	<p>{room.Class}</p>
	<p className={room.Available? "teal" :"red"}>{room.Available? "Available" : "Booked"}</p>
	.one {
	color: white;
	background-color: brown;
	margin: 10px;
	width: 50px;
	height: 50px;
	display: inline-block;
	}

	.two {
	var express = require('express')
	const app = express();
	app.listen(3600 , ()=> {console.log("App started")})
	var express = require('express')
	const { ApolloServer,gql } = require('apollo-server-express');

	const typeDefs = gql`
	type Query {
	greet: String,
	users :[User],
	musers:[User]
	}