diff --git a/package-lock.json b/package-lock.json
index 7f64f2c..8aae142 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3785,6 +3785,27 @@
         "domelementtype": "1"
       }
     },
+    "dotenv": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-6.2.0.tgz",
+      "integrity": "sha512-HygQCKUBSFl8wKQZBSemMywRWcEDNidvNbjGVyZu3nbZ8qq9ubiPoGLMdRDpfSrpkkm9BXYFkpKxxFX38o/76w=="
+    },
+    "dotenv-defaults": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/dotenv-defaults/-/dotenv-defaults-1.0.2.tgz",
+      "integrity": "sha512-iXFvHtXl/hZPiFj++1hBg4lbKwGM+t/GlvELDnRtOFdjXyWP7mubkVr+eZGWG62kdsbulXAef6v/j6kiWc/xGA==",
+      "requires": {
+        "dotenv": "^6.2.0"
+      }
+    },
+    "dotenv-webpack": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/dotenv-webpack/-/dotenv-webpack-1.7.0.tgz",
+      "integrity": "sha512-wwNtOBW/6gLQSkb8p43y0Wts970A3xtNiG/mpwj9MLUhtPCQG6i+/DSXXoNN7fbPCU/vQ7JjwGmgOeGZSSZnsw==",
+      "requires": {
+        "dotenv-defaults": "^1.0.2"
+      }
+    },
     "duplexify": {
       "version": "3.6.1",
       "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.6.1.tgz",
diff --git a/package.json b/package.json
index 905d2a4..fbfd218 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
     "webpack-dev-server": "^3.1.3"
   },
   "dependencies": {
+    "dotenv-webpack": "^1.7.0",
     "jsonwebtoken": "^8.3.0",
     "react": "^16.7.0",
     "react-custom-scrollbars": "^4.2.1",
diff --git a/src/util/TBAAPI.js b/src/util/TBAAPI.js
index 88e798a..71393bc 100644
--- a/src/util/TBAAPI.js
+++ b/src/util/TBAAPI.js
@@ -1,4 +1,4 @@
-const TBA_AUTH_KEY = 'EpSdC0FOdvkX9DjiXnrEVVAKCTsG0jbHWugC5Drwxu0C7HtmMJ0ais7gl91uFgdi'
+const TBA_AUTH_KEY = process.env.TBA_AUTH_KEY
 
 export const fetchEvent = (eventKey) => {
   return fetch(
diff --git a/webpack.config.js b/webpack.config.js
index 35566e2..d9821e2 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -2,6 +2,7 @@ const fs = require('fs')
 const path = require("path")
 const webpack = require("webpack")
 const HtmlWebpackPlugin = require('html-webpack-plugin')
+const Dotenv = require('dotenv-webpack')
 
 // defines where the bundle file will live
 const bundlePath = path.resolve(__dirname, "dist/")
@@ -44,7 +45,8 @@ module.exports = (_env,argv)=> {
 
   // edit webpack plugins here!
   let plugins = [
-    new webpack.HotModuleReplacementPlugin()
+    new webpack.HotModuleReplacementPlugin(),
+    new Dotenv(),
   ]
 
   for(name in entryPoints){