diff --git a/package.json b/package.json
index 21faba2..c3fc3d8 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "yarn": ">=1.9.4"
   },
   "dependencies": {
+    "debug": "^3.1.0",
     "react": "^16.4.2",
     "react-dom": "^16.4.2",
     "tachyons": "^4.11.1"
diff --git a/src/App.tsx b/src/App.tsx
index ef30fd2..840f93e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,9 +1,13 @@
 import * as React from 'react'
+import { WelcomePage } from './pages/WelcomePage'
+
+const debug = require('debug')('g2i:App') // tslint:disable-line
 
 export class App extends React.Component {
   public render() {
+    debug('render', this.state)
     return (
-      <h1>Welcome to the Trivia Challenge!</h1>
+      <WelcomePage numQuestions={10} />
     )
   }
 }