Ch 95 add team member info to about page

CHANGELOG.md

@@ -2,6 +2,38 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.18](https://github.com/chingu-voyages/v46-tier2-team-19/compare/v0.0.17...v0.0.18) (2023-11-06)
+
+
+### Features
+
+* **add nutrition section:** merge in nutrition section from Tim's branch ([3c487c2](https://github.com/chingu-voyages/v46-tier2-team-19/commit/3c487c210d3e0e41d507423fd01392cf41641204))
+* **avatar-joseph.webp:** add avatar image of Joseph ([fd69ca0](https://github.com/chingu-voyages/v46-tier2-team-19/commit/fd69ca0bdb168ddc046231920c63590a7bf7857b))
+* **avatar-tim.jpg:** add avatar image of Tim ([5bfaada](https://github.com/chingu-voyages/v46-tier2-team-19/commit/5bfaada516611229beba6c1980a2f2b51bfe9ed2))
+* **constants/index.js:** import team data from module ([21d5b76](https://github.com/chingu-voyages/v46-tier2-team-19/commit/21d5b7614c36707fb658c7a58b5e3764140288d5))
+* **recipe detail page:** improve layout of recipe detail page on large screens and refactor ([bf0087b](https://github.com/chingu-voyages/v46-tier2-team-19/commit/bf0087b4daabbe17fcaee35ce5384ef4e29b8df4))
+* **server.js:** add get-more-info endpoint to config ([06f8508](https://github.com/chingu-voyages/v46-tier2-team-19/commit/06f85083574922bc66dca6348acbaf4a9ca5b37c))
+* **teamdata.js:** create team data module to be imported into constants ([e8ab2c4](https://github.com/chingu-voyages/v46-tier2-team-19/commit/e8ab2c43e35526d3617d94bb6589d00a6b2790ab))
+
+
+### Bug Fixes
+
+* **ingredientsections:** make two-column layout only on tablet+ ([673f49e](https://github.com/chingu-voyages/v46-tier2-team-19/commit/673f49ecc40c6b2330f48868549a12fb167ad957))
+* **mirage server:** make recipe detail lookup dynamic ([cdd89cd](https://github.com/chingu-voyages/v46-tier2-team-19/commit/cdd89cd03af2c6ed9a94a90e22835767c2482a24))
+
+### [0.0.16](https://github.com/chingu-voyages/v46-tier2-team-19/compare/v0.0.15...v0.0.16) (2023-11-05)
+
+
+### Features
+
+* **avatar-darrick.jpg:** add avatar image file for Darrick ([3f1d61b](https://github.com/chingu-voyages/v46-tier2-team-19/commit/3f1d61b80238223b52647d7fff716b0c45c77c52))
+* **avatar-grey.jpg:** add avatar image file for Grey ([ef4e8af](https://github.com/chingu-voyages/v46-tier2-team-19/commit/ef4e8afa579ab513301a705a9ef756325b5bc31c))
+* **constants/index.js:** add avatar images & info for Darrick & Grey ([3a249b2](https://github.com/chingu-voyages/v46-tier2-team-19/commit/3a249b20c7b07e44638daee5df9e3692918ca61a))
+
+
+### Bug Fixes
+
+* **about.jsx:** modified avatar image size ([1fb2c77](https://github.com/chingu-voyages/v46-tier2-team-19/commit/1fb2c77ede083c302cc68027203d294340a2d22d))
 
 ### [0.0.17](https://github.com/chingu-voyages/v46-tier2-team-19/compare/v0.0.15...v0.0.17) (2023-11-05)
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "recipe-app",
   "private": true,
-  "version": "0.0.17",
+  "version": "0.0.18",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/constants/index.js

@@ -1,5 +1,4 @@
-import AvatarGrey from "../assets/about/avatar-grey.jpg";
-import AvatarDarrick from "../assets/about/avatar-darrick.jpg";
+import team from "./teamData";
 
 const name = "YumYumYes!";
 const welcome =
@@ -42,65 +41,4 @@ const footerLinks = [
   },
 ];
 
-const team = [
-  {
-    name: "Greimil",
-    role: "Web Designer & Developer",
-    summary:
-      "I am a self-motivated software developer pursuing a Computer Science degree, blending formal education with self-taught knowledge. I actively worked on this project, contributing to web design and coding for functional and aesthetically pleasing interfaces. My background in both design and development allows me to contribute comprehensively to projects, and I'm eager to refine my skills further, solve complex problems, and create user-centric software solutions through continuous learning and improvement.",
-    image: AvatarGrey,
-    socials: [
-      {
-        name: "GitHub",
-        url: "https://github.com",
-      },
-      {
-        name: "LinkedIn",
-        url: "https://linkedin.com",
-      },
-    ],
-  },
-  {
-    name: "Darrick Fauvel",
-    role: "Web Developer",
-    summary:
-      "I am an experienced web developer skilled in JavaScript and React, who is based in Massachusetts, USA. In agile collaboration with the team, I helped create reusable React components, developed the Favorite Recipes feature, and constructed the About page with its Team feature, all while emphasizing website responsiveness. I hold a Bachelor of IT degree (summa cum laude) from UMass Lowell, and have rad 😎 experience dating back to the early days of the Web before CSS & JavaScript. 😲",
-    image: AvatarDarrick,
-    socials: [
-      {
-        name: "GitHub",
-        url: "https://github.com/DarrickFauvel",
-      },
-      {
-        name: "LinkedIn",
-        url: "https://www.linkedin.com/in/darrickfauvel/",
-      },
-    ],
-  },
-  {
-    name: "Charlie Stephens",
-    role: "UI/UX Designer",
-    summary:
-      "Charlie used his creative skills to collaborate with the project team, ensuring the development of a visually appealing and user-friendly website that successfully met project objectives.",
-    image: "https://randomuser.me/api/portraits/men/34.jpg",
-    socials: [
-      {
-        name: "GitHub",
-        url: "https://github.com",
-      },
-      {
-        name: "LinkedIn",
-        url: "https://linkedin.com",
-      },
-    ],
-  },
-  // {
-  //   name: "",
-  //   role: "",
-  //   summary: "",
-  //   image: "",
-  //   socials: [{ gitHub: "", linkedIn: "" }],
-  // },
-];
-
 export { name, welcome, logoUrl, footerLinks, team };

src/constants/teamData.js

@@ -0,0 +1,84 @@
+import AvatarGrey from "../assets/about/avatar-grey.jpg";
+import AvatarDarrick from "../assets/about/avatar-darrick.jpg";
+import AvatarTim from "../assets/about/avatar-tim.jpg";
+import AvatarJoseph from "../assets/about/avatar-joseph.webp";
+
+const team = [
+  {
+    name: "Greimil",
+    role: "Web Designer & Developer",
+    summary:
+      "I am a self-motivated software developer pursuing a Computer Science degree, blending formal education with self-taught knowledge. I actively worked on this project, contributing to web design and coding for functional and aesthetically pleasing interfaces. My background in both design and development allows me to contribute comprehensively to projects, and I'm eager to refine my skills further, solve complex problems, and create user-centric software solutions through continuous learning and improvement.",
+    image: AvatarGrey,
+    socials: [
+      {
+        name: "GitHub",
+        url: "https://github.com/Greimil",
+      },
+      {
+        name: "LinkedIn",
+        url: "https://www.linkedin.com/in/greimil-nu%C3%B1ez/",
+      },
+    ],
+  },
+  {
+    name: "Darrick Fauvel",
+    role: "Web Developer",
+    summary:
+      "I am an experienced web developer skilled in JavaScript and React, who is based in Massachusetts, USA. In agile collaboration with the team, I helped create reusable React components, developed the Favorite Recipes feature, and constructed the About page with its Team feature, all while emphasizing website responsiveness. I hold a Bachelor of IT degree (summa cum laude) from UMass Lowell, and have rad 😎 experience dating back to the early days of the Web before CSS & JavaScript. 😲",
+    image: AvatarDarrick,
+    socials: [
+      {
+        name: "GitHub",
+        url: "https://github.com/DarrickFauvel",
+      },
+      {
+        name: "LinkedIn",
+        url: "https://www.linkedin.com/in/darrickfauvel/",
+      },
+    ],
+  },
+  {
+    name: "Tim DeHof",
+    role: "Web Developer",
+    summary:
+      'I\'m a dynamic software developer with a background in mechanical design, now channeling my expertise into Fullstack development with skills in Postgres, Express, React, and Node. My proficiency in transforming initial "napkin" ideas into concrete user-centric interfaces is a testament to my unique blend of design and technical prowess. Leading projects and coding key components like search functions, I excel at crafting intuitive experiences that anticipate user needs. With a commitment to continuous learning and a passion for the iterative, fast-paced world of software development, I aim to seamlessly integrate functional design with robust technology to create seamless and responsive software solutions.',
+    image: AvatarTim,
+    socials: [
+      {
+        name: "GitHub",
+        url: "https://github.com/timDeHof",
+      },
+      {
+        name: "LinkedIn",
+        url: "https://www.linkedin.com/in/timothy-dehof/",
+      },
+    ],
+  },
+  {
+    name: "Joseph Kotvas",
+    role: "Web Designer & Developer",
+    summary:
+      "An independent website designer and developer, Joseph has almost two decades of experience building and optimizing online solutions for small businesses. Lead generation, marketing, education and online sales are all spaces where he can help your business achieve its goals and surpass client expectations.  Joseph also serves as a Baptist missionary teaching and ministering to the Deaf community in Peru, South America. A father of three precocious children, in his nonexistent free time, Joseph enjoys traveling, playing the piano, and reading.",
+    image: AvatarJoseph,
+    socials: [
+      {
+        name: "GitHub",
+        url: "https://github.com/joekotvas",
+      },
+      {
+        name: "LinkedIn",
+        url: "https://www.linkedin.com/in/joekotvas/",
+      },
+    ],
+  },
+  // {
+  //   name: "",
+  //   role: "",
+  //   summary: "",
+  //   image: "",
+  //   socials: [{ gitHub: "", linkedIn: "" }],
+  // },
+];
+
+export default team;