Merge pull request #9 from Tyler98ky/dev

Dev
tylerhoward15 · Oct 6, 2023 · c46b5cd · c46b5cd
2 parents db78cb8 + 3a9b860
commit c46b5cd
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 22 deletions.
diff --git a/components/experience.tsx b/components/experience.tsx
@@ -10,6 +10,7 @@ import "react-vertical-timeline-component/style.min.css";
 import { experiencesData } from "@/lib/data";
 import { useSectionInView } from "@/lib/hooks";
 import { useTheme } from "@/context/theme-context";
+import Tags from "./tags";
 
 export default function Experience() {
   const { ref } = useSectionInView("Experience", 0.3);
@@ -62,6 +63,7 @@ export default function Experience() {
               <p className="!mt-1 !font-normal text-gray-700 dark:text-white/75">
                 {item.description}
               </p>
+              <Tags tags={item.tags} />
             </VerticalTimelineElement>
           </React.Fragment>
         ))}

diff --git a/components/intro.tsx b/components/intro.tsx
@@ -64,7 +64,7 @@ export default function Intro() {
               .pauseFor(1000)
               .deleteAll()
               .changeDelay(40)
-              .typeString(fontify("Narcissist.", comic_neue))
+              .typeString(fontify("Conceited.", comic_neue))
               .changeDelay(60)
               .pauseFor(1000)
               .typeString(fontify("..jk lol", comic_neue))

diff --git a/components/project.tsx b/components/project.tsx
@@ -4,6 +4,7 @@ import { useRef } from "react";
 import { projectsData } from "@/lib/data";
 import Image from "next/image";
 import { motion, useScroll, useTransform } from "framer-motion";
+import Tags from "./tags";
 
 type ProjectProps = (typeof projectsData)[number];
 
@@ -38,16 +39,7 @@ export default function Project({
             <p className="mt-2 leading-relaxed text-gray-700 dark:text-white/70">
               {description}
             </p>
-            <ul className="flex flex-wrap mt-4 gap-2 sm:mt-auto">
-              {tags.map((tag, index) => (
-                <li
-                  className="bg-black/[0.7] px-3 py-1 text-[0.7rem] uppercase tracking-wider text-white rounded-full dark:text-white/70"
-                  key={index}
-                >
-                  {tag}
-                </li>
-              ))}
-            </ul>
+            <Tags tags={tags} />
           </div>
 
           <Image

diff --git a/components/skills.tsx b/components/skills.tsx
@@ -29,7 +29,7 @@ export default function Skills() {
       ref={ref}
       className="mb-28 max-w-[53rem] scroll-mt-28 text-center sm:mb-40"
     >
-      <SectionHeading>My skills</SectionHeading>
+      <SectionHeading>My Preferred Skills</SectionHeading>
       <ul className="flex flex-wrap justify-center gap-2 text-lg text-gray-800">
         {skillsData.map((skill, index) => (
           <motion.li

diff --git a/components/tags.tsx b/components/tags.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+export default function Tags({ tags }: { tags: readonly string[] }) {
+  return (
+    <ul className="flex flex-wrap mt-4 gap-2 sm:mt-6">
+      {tags?.map((tag, index) => (
+        <li
+          className="bg-black/[0.7] px-3 py-1 text-[0.7rem] uppercase tracking-wider text-white rounded-full dark:text-white/70"
+          key={index}
+        >
+          {tag}
+        </li>
+      ))}
+    </ul>
+  );
+}
diff --git a/lib/data.ts b/lib/data.ts
@@ -39,6 +39,7 @@ export const experiencesData = [
     location: "Philadelphia, PA",
     description:
       "Recipient of Recipient of President’s Scholarship (Full Tuition + Stipends). Member of Temple’s Honors College.",
+    tags: ["AI", "Mobile Development", "Operating Systems", "React Native"],
     icon: React.createElement(LuGraduationCap),
     date: "Starting 2016",
   },
@@ -47,6 +48,7 @@ export const experiencesData = [
     location: "Seattle, WA",
     description:
       "Android development for Alexa Automotive. Designed/implemented an Android testing suite that simulates driving any route.",
+    tags: ["Android", "Java", "bash", "git", "JIRA", "Python"],
     icon: React.createElement(CgWorkAlt),
     date: "Summer 2018",
   },
@@ -55,6 +57,7 @@ export const experiencesData = [
     location: "New York, NY",
     description:
       "Architecture scalability research/prototyping for high-scale, real-time databse caching solutions within Amazon Advertising. Created AWS fargate prototyping environment to stress test a throughput of 100,000 TPS.",
+    tags: ["ApacheDB", "Redis", "ECS Fargate", "CloudFormation"],
     icon: React.createElement(CgWorkAlt),
     date: "Summer 2019",
   },
@@ -63,6 +66,7 @@ export const experiencesData = [
     location: "Austin, TX",
     description:
       "Full stack engineering solutions for Amazon Global Expansions. Led launch of Amazon services in new markets that convert around 1 million transactions per month of Amazon purchases to accounting entries in new countries (e.g. www.amazon.pl, www.amazon.eg, and more).",
+    tags: ["Javascript", "React.js", "Node.js", "Angular", "Java", "ElasticSearch", ],
     icon: React.createElement(CgWorkAlt),
     date: "2020-2022",
   },
@@ -71,6 +75,7 @@ export const experiencesData = [
     location: "Los Angeles",
     description:
       "Providing miscellaneous digital services for local entertainment industry professionals. Deveoloping, hosting, and maintaining websites portfolios and providing professional photo/video services for headshots and audition taping.",
+    tags: ["React", "Next.js", "Tailwind", "Vercel", "PostgreSQL", "Vite"],
     icon: React.createElement(CgWorkAlt),
     date: "2022-Current",
   }
@@ -81,15 +86,15 @@ export const projectsData = [
     title: "Car Suggest-O-Rator",
     description:
       "Web app that takes a user's prompt describing any and everything they want from their next car, and returns an AI generated suggestion and justification. Powered by the new ChatGPT Functions API and Google Cloud for image retrieval.",
-      tags: ["React", "Tailwind", "ChatGPT", "GCP"],
+    tags: ["React", "Tailwind", "ChatGPT", "GCP"],
     imageUrl: carSuggImg,
     link: "https://car-suggestorator.vercel.app/"
   },
   {
     title: "On Premises Server Hosting",
     description:
-      "Built and programmed a dedicated server for home that serves many professional and recreational uses. Utilizing NGINX reverse proxy and docke for personal and client websites.",
-      tags: ["Docker", "NGINX", "UnRaid", "WireGuard"],
+      "Built and programmed a dedicated server for home that serves many professional and recreational uses. Utilizing NGINX reverse proxy and docker for personal and client websites.",
+    tags: ["Docker", "NGINX", "UnRaid", "WireGuard"],
     imageUrl: nginxLogoImg,
     link: "https://www.nginx.com/"
   },
@@ -104,22 +109,22 @@ export const projectsData = [
 ] as const;
 
 export const skillsData = [
-  "Java",
-  "HTML",
-  "CSS",
-  "JavaScript",
   "TypeScript",
   "React",
-  "Next.js",
   "Node.js",
+  "Next.js",
+  "AWS",
+  "Java",
+  "Tailwind",
+  "JavaScript",
+  "HTML",
+  "CSS",
   "NGINX",
   "Docker",
   "Git",
-  "Tailwind",
   "Prisma",
   "PostgreSQL",
   "Python",
-  "AWS",
   "Android",
   "Scrapy",
   "Vercel"