Colour-Full

const fetch = require('node-fetch');
/*
An async pipe, each function we pass to the pipe 
will be called with the result from the previous one. 
Since this result will be a promise we 
will await for the promise to resolve first. 
*/
const pipe = (...fns) => x => (
  fns.reduce(async (y, f) => f(await y), x)
)

Colour-Full

version: '3'
services:
    mongo:
        image: mongo
        restart: always
        environment:
            - MONGO_INITDB_DATABASE=compose
        volumes:
            - ./deployment/data/db:/data/db
            - ./deployment/dev/create-dev-db.js:/docker-entrypoint-initdb.d/create-dev-db.js

Colour-Full

var keystone = require('keystone');
var User = keystone.list('User');

exports = module.exports = function (done) {
	new User.model({
		name: { first: 'admin', last: 'user' },
		email: 'admin@keystonejs.com',
		password: 'admin',
		canAccessKeystone: true,
	}).save(done);

Colour-Full

import React, { Component } from "react";
import {
  Route,
  NavLink,
  BrowserRouter
} from "react-router-dom";
import Home from "./Home";
import Blog from "./Blog";
import Contact from "./Contact";

Colour-Full

body {
  background-color: #B9DEDF;
  padding: 20px;
  margin: 0;
}
h1, h2, p, ul, li {
  font-family: sans-serif;
}
ul.header li {
  display: inline;

Colour-Full

import React, { Component } from "react";

class Contact extends Component {
  render() {
    return (
      <div>
        <h2>Get In Touch</h2>
        <p>Phone: XXXXXXXXXX</p>
        <p>Email: XXXXX@XXXXX</p>
      </div>

Colour-Full

import React, { Component } from "react";

class Stuff extends Component {
  render() {
    return (
      <div>
        <h2>A Blog Post</h2>
        <p>
        Lorem ipsum dolor sit amet, duo vidit ullamcorper eu, mollis utroque vis ne, 
        fugit nominavi scripserit ex vim. Assum quaerendum delicatissimi vix id, nobis iisque vim ad, 

Colour-Full

import React, { Component } from "react";

class Home extends Component {
  render() {
    return (
      <div>
        <h2>HELLO</h2>
        <p>
          Cras facilisis urna ornare ex volutpat, et
        convallis erat elementum. Ut aliquam, ipsum vitae

Colour-Full

import React, { Component } from "react";
import Home from "./Home";
import Blog from "./Blog";
import Contact from "./Contact";

class Nav extends Component {
  render() {
    return (
      <div>
        <h1>React Router Simple Starter</h1>

Colour-Full

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

ReactDOM.render(
  <Nav />,
  document.getElementById("root")
);