Update Components; Add OpenAI api for testing api endpoints in produc…

…tion

.gitignore

@@ -1,5 +1,8 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+#environment file
+.env
+
 # dependencies
 /node_modules
 /.pnp

components/Page.js

@@ -6,8 +6,7 @@ const Page = ({children}) => {
   const navbar_list = [
     ["Academics","/academics"],
     ["Work", "/work"],
-    ["About", "/about"],
-    ["Resume", "/resume"]
+    ["Projects", "/projects"],
   ];
 
   return(

pages/api/openai.js

@@ -0,0 +1,7 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+const getOpenAIKey = async(req, res) => {
+  res.status(200).json({ api_key: process.env.OPENAI_API_KEY})
+}
+
+export default getOpenAIKey;

pages/index.js

@@ -7,46 +7,4 @@ export default function Home() {
             <p style={{fontSize: "2rem"}}>A master student at TU Kaiserslautern.</p>
           </Page>
     );
-
-            {/* <main className={styles.main}>
-        <p className={styles.title}>
-          Welcome to <a href="https://nextjs.org">Next.js</a> on Docker!
-        </p>
-
-        <p className={styles.description}>
-          Get started by editing{' '}
-          <code className={styles.code}>pages/index.js</code>
-        </p>
-
-        <div className={styles.grid}>
-          <a href="https://nextjs.org/docs" className={styles.card}>
-            <h3>Documentation &rarr;</h3>
-            <p>Find in-depth information about Next.js features and API.</p>
-          </a>
-
-          <a href="https://nextjs.org/learn" className={styles.card}>
-            <h3>Learn &rarr;</h3>
-            <p>Learn about Next.js in an interactive course with quizzes!</p>
-          </a>
-
-          <a
-            href="https://github.com/vercel/next.js/tree/canary/examples"
-            className={styles.card}
-          >
-            <h3>Examples &rarr;</h3>
-            <p>Discover and deploy boilerplate example Next.js projects.</p>
-          </a>
-
-          <a
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-            className={styles.card}
-          >
-            <h3>Deploy &rarr;</h3>
-            <p>
-              Instantly deploy your Next.js site to a public URL with Vercel.
-            </p>
-          </a>
-        </div>
-      </main>
- */}
 };

pages/projects.js

@@ -0,0 +1,12 @@
+import Page from "../components/Page";
+
+const Projects = () => {
+
+    return(
+        <Page>
+            <h1>Projects</h1>
+        </Page>
+    );
+}
+
+export default Projects;

pages/work.js

@@ -1,12 +1,11 @@
 import Page from "../components/Page";
 
-const Academics = () => {
+const WorkExperience = () => {
 
     return(
         <Page>
             <h1>Work Experience</h1>
         </Page>
     );
 }
-
-export default Academics;
+export default WorkExperience;