diff --git a/public/index.html b/public/index.html
index a146b6f..97bfd76 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,8 @@
       content="Web site created using create-react-app"
     />
     <link rel="apple-touch-icon" href="logo192.png" />
+    <script src="https://apis.google.com/js/api.js"></script>
+
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
diff --git a/src/App.tsx b/src/App.tsx
index 5305b72..8e97514 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,8 +7,11 @@ import { NoteTitle } from './notetitle';
 import { Note } from './Note';
 import { Menu } from './menu';
 import NoteContentHandler from './NoteContentHandler';
+import DriveSyncHandler from './DriveSyncHandler';
 
 
+declare var gapi: any;
+
 interface AppProps {
 }
 
@@ -23,6 +26,8 @@ class App extends React.Component<AppProps, AppState> {
   constructor(props: AppProps) {
     super(props);
 
+    DriveSyncHandler.init();
+
     let note = NoteContentHandler.getLastEditedNote();
     let firstNoteLineId: number;
 
@@ -59,13 +64,23 @@ class App extends React.Component<AppProps, AppState> {
           <NoteTitle title={this.state.note.getTitle()} titleChangeHandler={this.handleTitleChange.bind(this)} />
           <Menu noteFinished={this.state.note.getFinished()} 
             newNoteHandler={this.newNoteHandler.bind(this)}
-            finishToggleHandler={this.handleToggleFinished.bind(this)} />
+            finishToggleHandler={this.handleToggleFinished.bind(this)}
+            signOutHandler={this.signOutHandler.bind(this)}
+            signInHandler={this.signInHandler.bind(this)} />
         </div>
         {noteRows}
       </div>
     );
   }
 
+  signInHandler() {
+    gapi.auth2.getAuthInstance().signIn();
+  }
+
+  signOutHandler() {
+    gapi.auth2.getAuthInstance().signOut();
+  }
+
   handleTitleChange(newTitle: string) {
     this.state.note.setTitle(newTitle);
     this.setState({ note: this.state.note });
diff --git a/src/DriveSyncHandler.ts b/src/DriveSyncHandler.ts
new file mode 100644
index 0000000..7bcb61c
--- /dev/null
+++ b/src/DriveSyncHandler.ts
@@ -0,0 +1,63 @@
+import { Note } from "./Note";
+
+declare var gapi: any;
+
+const API_KEY = "AIzaSyBEH9v-TByqUFESw8vjl2YEDgAKoWm7n_8";
+const CLIENT_ID = "370774814885-7kseam56ntmpklgnr9p00f8gh968cmtb.apps.googleusercontent.com";
+// Array of API discovery doc URLs for APIs used by the quickstart
+const DISCOVERY_DOCS = ["https://www.googleapis.com/discovery/v1/apis/drive/v3/rest"];
+
+// Authorization scopes required by the API; multiple scopes can be
+// included, separated by spaces.
+const SCOPES = 'https://www.googleapis.com/auth/drive.file';
+
+const PARENT_NAME = "Synced Interview Notes";
+
+export enum DriveSignInState {
+    LOADING,
+    SIGNED_OUT,
+    SIGNED_IN
+}
+
+type SignedInEventHandler = (isSignedIn: DriveSignInState) => void;
+
+class DriveSyncHandler {
+    private signedInEventHandlers: Array<SignedInEventHandler> = [];
+
+    async init() {
+        gapi.load('client:auth2', this.initClient.bind(this));
+    }
+
+    initClient() {
+        gapi.client.init({
+            apiKey: API_KEY,
+            clientId: CLIENT_ID,
+            discoveryDocs: DISCOVERY_DOCS,
+            scope: SCOPES
+        }).then(() => {
+            // Listen for sign-in state changes.
+            gapi.auth2.getAuthInstance().isSignedIn.listen(this.handleIsSignedInState.bind(this));
+
+            this.handleIsSignedInState(gapi.auth2.getAuthInstance().isSignedIn.get());
+        })
+    }
+
+    handleIsSignedInState(isSignedIn: boolean) {
+        console.log('user is now', isSignedIn);
+
+        let signInState = (isSignedIn) ? DriveSignInState.SIGNED_IN : DriveSignInState.SIGNED_OUT;
+        for (let handler of this.signedInEventHandlers) {
+            handler(signInState);
+        }
+    }
+
+    addSignInStateHandler(handler: SignedInEventHandler) {
+        this.signedInEventHandlers.push(handler);
+    }
+
+    isUserSignedIn(): boolean {
+        return gapi.auth2.getAuthInstance().isSignedIn.get()
+    }
+}
+
+export default new DriveSyncHandler();
\ No newline at end of file
diff --git a/src/menu.tsx b/src/menu.tsx
index b0e3c16..821de4b 100644
--- a/src/menu.tsx
+++ b/src/menu.tsx
@@ -1,34 +1,62 @@
 import React from 'react';
 import Dropdown from 'react-bootstrap/Dropdown';
 import DropdownButton from 'react-bootstrap/DropdownButton';
+import {DriveSignInState} from './DriveSyncHandler';
+import DriveSyncHandler from './DriveSyncHandler';
 
 interface MenuProps {
     newNoteHandler: () => void;
     finishToggleHandler: () => void;
+    signInHandler: () => void;
+    signOutHandler: () => void;
     noteFinished: boolean;
 }
 
 interface MenuState {
   open: boolean;
+  driveSignInState: DriveSignInState;
 }
 
 export class Menu extends React.Component<MenuProps, MenuState> {
     constructor(props: MenuProps) {
         super(props);
 
-        this.state = { open: false }
+        this.state = { open: false, driveSignInState: DriveSignInState.LOADING}
+        DriveSyncHandler.addSignInStateHandler((isSignedIn: DriveSignInState) =>{
+            this.setState({ driveSignInState: isSignedIn})
+        })
     }
 
     render() {
         let toggleFinishString = (this.props.noteFinished)
                         ? "Mark Note Unfinished"
                         : "Mark Note Finished";
+        
+        let driveMenuItems: Array<any> = [];
+
+        if (this.state.driveSignInState === DriveSignInState.SIGNED_IN) {
+            driveMenuItems = [
+                <Dropdown.Item key="signout" onClick={(e: React.MouseEvent<any>) => this.props.signOutHandler()}>
+                    Sign out of Google Drive
+                </Dropdown.Item>
+            ]
+        } else if (this.state.driveSignInState === DriveSignInState.SIGNED_OUT) {
+            driveMenuItems = [
+                <Dropdown.Item key="signin" onClick={(e: React.MouseEvent<any>) => this.props.signInHandler()}>
+                    Sign into Google Drive
+                </Dropdown.Item>
+            ];
+        }
+
+        
         return (
             <DropdownButton alignRight id="menu" title="Menu">
                 <Dropdown.Item onClick={(e: React.MouseEvent<any>) => this.props.newNoteHandler()}>New Note</Dropdown.Item>
                 <Dropdown.Item onClick={(e: React.MouseEvent<any>) => this.props.finishToggleHandler()}>
                     {toggleFinishString}
                 </Dropdown.Item>
+                <Dropdown.Divider />
+                {driveMenuItems}
             </DropdownButton>
         )
     }