hack4impact-calpoly · Deep-Singh14 · Oct 20, 2024 · Oct 20, 2024 · Oct 20, 2024 · Oct 20, 2024
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+/node_modules
diff --git a/README.md b/README.md
@@ -1,26 +1,3 @@
-# Developer Bootcamp 2024
-
-This is how we will be tracking your milestones throughout bootcamp! By the end of bootcamp, you will have a fullstack personal portfolio website.
-
----
-
-## Setup:
-
-0. Click on the fork button on the top right and create a fork
-1. Click on the green <> Code button above the file list.
-2. Go to the "Local" tab
-3. Copy the HTTPS link
-4. Create a folder called **H4I**
-5. Open the **H4I** folder in your terminal
-6. Type `git clone` and paste the HTTPS link
-7. Press Enter, then `cd` into your cloned repository
-
-## Creating a PR:
-
-1. Push all changes to your remote fork
-2. Go to the "Pull requests" tab in your GitHub repo
-3. Create a pull request with your changes
-   a. Double check the base is the main bootcamp repo!
-4. Fill out the PR template description!!!
-5. Assign the engineering team as code reviewers
-6. Link the milestone issue to the PR
+# Deep's Personal Website
+This is a personal website built using the Hack4Impact Starter Pack!
+[Visit it Here!](https://github.com/Deep-Singh14/Deep-Singh14.github.io)
diff --git a/Resume.pdf b/Resume.pdf
diff --git a/blog.html b/blog.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Blog</title>
+        <link rel="stylesheet" href="styles.css" />
+
+    </head>
+    <body>
+        <nav class="navbar">
+            <h1 class="logo"><a href="index.html">Deep's 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>
+        <div id="blog-container"></div>
+        <h1 class="blog"></h1>
+        <div class="about-image"><img src="cat.jpg" alt="just a normal cat"></div>
+    </main>
+    <footer class="footer">© 2023 Deep's Website | All Rights Reserved</footer>
+    <script src="src/app/blogs/blog.js"></script>
+    </body>
+</html>
diff --git a/contact.html b/contact.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact Page</title>
+    <link rel="stylesheet" href="styles.css" />
+</head>
+<body>
+    <nav class="navbar">
+        <h1 class="logo"><a href="index.html">Deep's 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="contact">Contact Us</h1>
+        <div class="contact-container">
+            <div class="about-image">
+                <img src="cat.jpg" alt="just a normal cat" class="contact-image">
+                <p>Phone: 209-666-7789</p> 
+                <p>Email: ksingh63@calpoly.edu</p>  
+            </div>
+            <form id="contact-form" class="contact-form">
+                <label for="name">Name:</label>
+                <input type="text" id="name" name="name" required>
+
+                <label for="email">Email:</label>
+                <input type="email" id="email" name="email" required>
+
+                <label for="message">Message:</label>
+                <textarea id="message" name="message" rows="5" required></textarea>
+
+                <input type="submit" value="Submit" class="button">
+            </form>
+        </div>
+    </main>
+
+    <footer class="footer">© 2023 Deep's Website | All Rights Reserved</footer>
+</body>
+</html>
diff --git a/h4i_bootcamp/.eslintrc.json b/h4i_bootcamp/.eslintrc.json
@@ -0,0 +1,7 @@
+{
+  "extends": ["next/core-web-vitals", "next/typescript"],
+  "rules": {
+    "react/no-unescaped-entities": "off",
+    "@typescript-eslint/no-unused-vars": "off"
+  }
+}
diff --git a/h4i_bootcamp/.gitignore b/h4i_bootcamp/.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 (can opt-in for commiting if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/h4i_bootcamp/README.md b/h4i_bootcamp/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/h4i_bootcamp/next.config.ts b/h4i_bootcamp/next.config.ts
@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;