hack4impact-calpoly · Amend37 · Oct 20, 2024 · Oct 20, 2024 · Oct 20, 2024 · Oct 21, 2024
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+/node_modules
diff --git a/About_me_pic.jpg b/About_me_pic.jpg
diff --git a/blog.html b/blog.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Blog | Personal Website</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <nav class="navbar">
+      <h1 class="logo"><a href="index.html">Personal Website</a></h1>
+      <ul class="nav-list">
+        <li><a href="index.html">Home</a></li>
+        <li><a href="blog.html">Blog</a></li>
+        <li><a href="portfolio.html">Portfolio</a></li>
+        <li><a href="resume.html">Resume</a></li>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+    </nav>
+    <main>
+      <h1 class="blog-title">Blog</h1>
+      <section id="blog-posts-container"></section>
+    </main>
+    <footer class="footer">
+      © 2024 Anthony Mendoza's Personal Website | All Rights Reserved
+    </footer>
+
+    <script src="src/blog.js"></script>
+  </body>
+</html>
diff --git a/blogs/my-goat-groot.html b/blogs/my-goat-groot.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Blog Detail | Personal Website</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <nav class="navbar">
+      <h1 class="logo"><a href="index.html">Personal Website</a></h1>
+      <ul class="nav-list">
+        <li><a href="index.html">Home</a></li>
+        <li><a href="blog.html">Blog</a></li>
+        <li><a href="portfolio.html">Portfolio</a></li>
+        <li><a href="resume.html">Resume</a></li>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+    </nav>
+    <main>
+      <section id="blog-detail-container">
+        <h1 id="blog-title">The Goat Groot</h1>
+        <p id="blog-date">2024-10-18</p>
+        <img id="goat.jpg" alt="MY GOAT" />
+        <p id="blog-description">Here is my favorite marvel Character</p>
+      </section>
+    </main>
+    <footer class="footer">
+      © 2024 Anthony Mendoza's Personal Website | All Rights Reserved
+    </footer>
+
+    <script src="src/blog-detail.js" defer></script>
+  </body>
+</html>
diff --git a/blogs/typescript-understanding.html b/blogs/typescript-understanding.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Blog Detail | Personal Website</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <nav class="navbar">
+      <h1 class="logo"><a href="index.html">Personal Website</a></h1>
+      <ul class="nav-list">
+        <li><a href="index.html">Home</a></li>
+        <li><a href="blog.html">Blog</a></li>
+        <li><a href="portfolio.html">Portfolio</a></li>
+        <li><a href="resume.html">Resume</a></li>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+    </nav>
+    <main>
+      <section id="blog-detail-container">
+        <h1 id="blog-title">Understanding TypeScript</h1>
+        <p id="blog-date">2024-10-20</p>
+        <img id="blog-image" alt="groot.jpg" />
+        <p id="blog-description">Learning about TypeScript and its power T-T</p>
+      </section>
+    </main>
+    <footer class="footer">
+      © 2024 Anthony Mendoza's Personal Website | All Rights Reserved
+    </footer>
+
+    <script src="src/blog-detail.js" defer></script>
+  </body>
+</html>
diff --git a/bootcamp-milestone-2/.gitignore b/bootcamp-milestone-2/.gitignore
@@ -0,0 +1,40 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# env files
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/bootcamp-milestone-2/README.md b/bootcamp-milestone-2/README.md
@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
diff --git a/bootcamp-milestone-2/global.d.ts b/bootcamp-milestone-2/global.d.ts
@@ -0,0 +1,9 @@
+// global.d.ts
+import mongoose from "mongoose";
+
+declare global {
+  var mongoose: {
+    conn: typeof mongoose | null;
+    promise: Promise<typeof mongoose> | null;
+  };
+}
diff --git a/bootcamp-milestone-2/next.config.ts b/bootcamp-milestone-2/next.config.ts
@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;