+
+ Title: {blog.title}
+ Date: {blog.date}
+
+
+
+ {blog.content}
+
+ + +
+ + Title: {blog.title}
+ Date: {blog.date}
+
+
+ {blog.content}
+
+ + +
+
+
+ )
+
+}
\ No newline at end of file
diff --git a/bootcamp-milestone-3A/src/app/components/footer.module.css b/bootcamp-milestone-3A/src/app/components/footer.module.css
new file mode 100644
index 00000000..33dfe521
--- /dev/null
+++ b/bootcamp-milestone-3A/src/app/components/footer.module.css
@@ -0,0 +1,3 @@
+#footer{
+ font-family: 'Courier New', Courier, monospace;
+}
\ No newline at end of file
diff --git a/bootcamp-milestone-3A/src/app/components/footer.tsx b/bootcamp-milestone-3A/src/app/components/footer.tsx
new file mode 100644
index 00000000..f2616345
--- /dev/null
+++ b/bootcamp-milestone-3A/src/app/components/footer.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import style from "./navbar.module.css";
+export default function Footer() {
+ return (
+
+
+ )
+}
diff --git a/bootcamp-milestone-3A/src/app/components/navbar.module.css b/bootcamp-milestone-3A/src/app/components/navbar.module.css
new file mode 100644
index 00000000..606ab172
--- /dev/null
+++ b/bootcamp-milestone-3A/src/app/components/navbar.module.css
@@ -0,0 +1,31 @@
+.navbar {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ width: 100%;
+ height: 7%;
+ z-index: 10;
+
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ text-align: center;
+
+ background-color: #060b2d;
+ color: white;
+ padding: 0px 0px;
+ }
+ .navlist {
+ display: flex;
+ flex-direction: row;
+ position: relative;
+ right: 30px;
+ list-style: none;
+ }
+ .navbar a {
+ color: white;
+ font-weight: bold;
+ margin: 0 12px;
+ text-decoration: none;
+ letter-spacing: 2px;
+ }
\ No newline at end of file
diff --git a/bootcamp-milestone-3A/src/app/components/navbar.tsx b/bootcamp-milestone-3A/src/app/components/navbar.tsx
new file mode 100644
index 00000000..0f4bff88
--- /dev/null
+++ b/bootcamp-milestone-3A/src/app/components/navbar.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+import style from "./navbar.module.css";
+import Link from "next/link";
+
+export default function Navbar() {
+ return (
+ + Sumedha's Website +
+ + &
tags
+ // with your code from earlier milestones
+
+
+ {props.title}
+
+
+ {props.description} Github
+Contact Me
+
+
+
+
+
+
+ )
+}
diff --git a/bootcamp-milestone-3A/src/app/portfolio/[slug]/page.tsx b/bootcamp-milestone-3A/src/app/portfolio/[slug]/page.tsx
new file mode 100644
index 00000000..51a777ce
--- /dev/null
+++ b/bootcamp-milestone-3A/src/app/portfolio/[slug]/page.tsx
@@ -0,0 +1,67 @@
+import React from "react"
+import Comment from "@/app/components/comment";
+import CommentEntry from "@/app/components/commentEntry";
+type Props = {
+ params: { slug: string }
+}
+
+
+async function getProject(slug: string) {
+ try {
+ const res = await fetch(process.env.URL+`/api/portfolio/${slug}`, {
+ cache: "no-store",
+ })
+
+ if (!res.ok) {
+ throw new Error("Failed to fetch project");
+ }
+
+ return await res.json();
+ } catch (err: unknown) {
+ console.log(`error: ${err}`);
+ return null;
+ }
+}
+
+export default async function Page({params: {slug}}: Props) {
+ //slug = params.slug;
+ const project = await getProject(slug);
+
+ if(project !=null){
+ return (
+ <>
+
+
+
+
+
+ Title: {project.title}
+ Github: {project.github}
+
+
+
+ {project.content}
+
+ + +
+ + Title: {project.title}
+ Github: {project.github}
+
+
+ {project.content}
+
+ + +
+
+
+
+ )
+ }
+ else{
+ return (
+ <>Blog not found.
+ )
+ }
+}
diff --git a/bootcamp-milestone-3A/src/app/portfolio/page.tsx b/bootcamp-milestone-3A/src/app/portfolio/page.tsx
new file mode 100644
index 00000000..04fe8b65
--- /dev/null
+++ b/bootcamp-milestone-3A/src/app/portfolio/page.tsx
@@ -0,0 +1,27 @@
+import React from "react"
+import Image from 'next/image'
+import projects from '@/app/projectData'
+import ProjectPreview from '@/app/components/projectPreview';
+import Comment from "../components/comment";
+
+export default async function Portfolio() {
+
+ return (
+ <>
+ Comment Section:
+ {project.comments.map((comment: any, index: React.Key | null | undefined) => ( +
+ {(await projects).map((project: { title: string; description: string; github: string; image: string; slug: string}) =>
+
+
+
+ )
+ }
+
\ No newline at end of file
diff --git a/bootcamp-milestone-3A/src/app/projectData.tsx b/bootcamp-milestone-3A/src/app/projectData.tsx
new file mode 100644
index 00000000..f168a30b
--- /dev/null
+++ b/bootcamp-milestone-3A/src/app/projectData.tsx
@@ -0,0 +1,20 @@
+import connectDB from "@/helpers/db";
+import Project from "@/database/projectSchema"
+
+
+async function getProjects(){
+ await connectDB() // function from db.ts before
+
+ try {
+ // query for all blogs and sort by date
+ const projects = await Project.find().orFail()
+ // send a response as the blogs as the message
+ return projects
+ } catch (err) {
+ return []
+ }
+}
+
+const projects=getProjects()
+
+export default projects;
\ No newline at end of file
diff --git a/bootcamp-milestone-3A/src/app/resume/page.tsx b/bootcamp-milestone-3A/src/app/resume/page.tsx
new file mode 100644
index 00000000..f58d6a51
--- /dev/null
+++ b/bootcamp-milestone-3A/src/app/resume/page.tsx
@@ -0,0 +1,80 @@
+import React from "react"
+import Navbar from "../components/navbar"
+
+export default function Resume() {
+ return (
+
+ <>
+ + Download Resume +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Education
+
+
+ California Polytechnic State University, SLO
+BS in Computer Science
+
+
+ Coursework
+
+ Data Structures
+
+
+ Skills
+
+ Programming Languages: Java, Python, Dart, Javascript
+Platforms: Android Studio, VSC, GitHub, JupyterLab, IntelliJ IDEA
+
+
+
+
+
+
+ Projects
+
+ Vybe, Mobile App: Machine Learning Personal Project
+Used: Python, Kivy, Flask, Random Forest Classifier, SVM, nltk, pandas, scikit-learn, JupyterLab, matplotlib, seaborn, VSC, REST API
+Developed an application that takes in text describing the user's mood and produces a relevant song recommendation.
++
Allergy Allert, Android App: Capstone Project
+Used: Java, Android Studio, Pandas, Python, Flask, REST API, AWS EC2, Google Firebase
+Developed an application that categorizes food as unsafe/safe based on the user's allergies.
+ + +
+
+
+
+
+
+ Experience
+
+ Lead Coding Intern - GoBudGo Inc.
+Utilized the Python unittest framework to develop multiple tests for website REST APIs and ensure code functionality.
+Led four beginner interns, and conducted weekly meetings to track progress and improve performance
+