Skip to content

Commit

Permalink
update experience section
Browse files Browse the repository at this point in the history
  • Loading branch information
tylerhoward15 committed Jan 31, 2024
1 parent a915bbe commit 1e7ecd5
Show file tree
Hide file tree
Showing 3 changed files with 134 additions and 116 deletions.
24 changes: 12 additions & 12 deletions components/about.tsx
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
"use client";
'use client'

import React from "react";
import SectionHeading from "./section-heading";
import { motion } from "framer-motion";
import { useSectionInView } from "@/lib/hooks";
import React from 'react'
import SectionHeading from './section-heading'
import { motion } from 'framer-motion'
import { useSectionInView } from '@/lib/hooks'

export default function About() {
const { ref } = useSectionInView("About", 0.4);
const { ref } = useSectionInView('About', 0.4)

return (
<motion.section
Expand All @@ -24,8 +24,8 @@ export default function About() {
loved technology my whole life, but outside of that, sports have also
always been a pillar of my hobbies and interests. In high school, I
played baseball, basketball, and golf; I still jump at the chance to
play today! Once upon a time, I was a single-digit handicap golfer, so
I’m always looking for a "business meeting" if you know what I mean!
play today! Especially golf, I am always ready to be the 4th for any
round available!
</p>
<br />
<p className="mb-3">
Expand All @@ -34,7 +34,7 @@ export default function About() {
going to track days, or participating in racing sim competitions, I
adore motorsports. I am one of the select few masochists who drives a
manual car in Los Angeles, and I fully deserve any judgment I get for
that. &#128517;
that.
</p>
<br />
<p className="mb-3">
Expand All @@ -44,9 +44,9 @@ export default function About() {
career can be directly traced to the excitement of moments such as
seeing the first iPhone be released. This intrinsic fascination with all
things "tech" continues to push me to be a better engineer every day.
So, if you are looking for an engineer <strong>AND</strong> a 4th for
your golf outings...I would be an unreasonably great fit.
So, if you are looking for an engineer <strong>AND</strong> someone who
can carry the team social events...I would be an unreasonably great fit.
</p>
</motion.section>
);
)
}
63 changes: 37 additions & 26 deletions components/experience.tsx
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
"use client";
'use client'

import React from "react";
import SectionHeading from "./section-heading";
import React from 'react'
import SectionHeading from './section-heading'
import {
VerticalTimeline,
VerticalTimelineElement,
} from "react-vertical-timeline-component";
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";
} from 'react-vertical-timeline-component'
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);
const { theme } = useTheme();
const { ref } = useSectionInView('Experience', 0.3)
const { theme } = useTheme()

return (
<section
Expand All @@ -38,24 +38,24 @@ export default function Experience() {
<VerticalTimelineElement
contentStyle={{
background:
theme === "light" ? "#f3f4f6" : "rgba(255, 255, 255, 0.05)",
boxShadow: "none",
border: "1px solid rgba(0, 0, 0, 0.05)",
textAlign: "left",
padding: "1.3rem 2rem",
theme === 'light' ? '#f3f4f6' : 'rgba(255, 255, 255, 0.05)',
boxShadow: 'none',
border: '1px solid rgba(0, 0, 0, 0.05)',
textAlign: 'left',
padding: '1.3rem 2rem',
}}
contentArrowStyle={{
borderRight:
theme === "light"
? "0.4rem solid #9ca3af"
: "0.4rem solid rgba(255, 255, 255, 0.5)",
theme === 'light'
? '0.4rem solid #9ca3af'
: '0.4rem solid rgba(255, 255, 255, 0.5)',
}}
date={item.date}
icon={item.icon}
iconStyle={{
background:
theme === "light" ? "white" : "rgba(255, 255, 255, 0.15)",
fontSize: "1.5rem",
theme === 'light' ? 'white' : 'rgba(255, 255, 255, 0.15)',
fontSize: '1.5rem',
}}
>
<h3 className="font-semibold capitalize">{item.title}</h3>
Expand All @@ -68,12 +68,14 @@ export default function Experience() {
</React.Fragment>
))}
</VerticalTimeline>
<p className="mb-3 mt-10">

<h3 className="font-semibold mt-10">Additional Context</h3>
<p className="mb-3 mt-3">
In late 2021, a very close loved one who lived in Los Angeles was
diagnosed with late-stage cancer. As return-to-office mandates began,
and the burden of time approached, I decided to take a break in my
career and move to Los Angeles to help take care of and spend time with
my family.
and the burden of time approached, I decided to reduce my
responsibilities in my career and move to Los Angeles to help take care
of and spend time with my family.
</p>
<p className="mb-3">
While in Los Angeles, I have provided part-time services to actors
Expand All @@ -83,6 +85,15 @@ export default function Experience() {
tech allowed me to work part-time designing websites, taking headshots,
and editing while still embracing extremely valuable time with family.
</p>
<p className="mb-3">
I am now navigating the process of reentering the tech world and I am
extremely excited to pursue my ambitions again. The same drive that
helped me succeed in my time at college and landing my first dream job
is still with me and as strong as ever. I am so eager to see what
oppurtunities and challenges I am presented with so that I can continue
to grow and figure out the next steps in my career to achieve all the
things I have set out to do.
</p>
</section>
);
)
}
163 changes: 85 additions & 78 deletions lib/data.ts
Original file line number Diff line number Diff line change
@@ -1,132 +1,139 @@
import React from "react";
import { CgWorkAlt } from "react-icons/cg";
import { LuGraduationCap } from "react-icons/lu";
import nginxLogoImg from "@/public/Nginx-Logo.png";
import carSuggImg from "@/public/car-suggestorator.png";
import portfolioImg from "@/public/portfolio.png";
import React from 'react'
import { CgWorkAlt } from 'react-icons/cg'
import { LuGraduationCap } from 'react-icons/lu'
import nginxLogoImg from '@/public/Nginx-Logo.png'
import carSuggImg from '@/public/car-suggestorator.png'
import portfolioImg from '@/public/portfolio.png'

export const links = [
{
name: "Home",
hash: "#home",
name: 'Home',
hash: '#home',
},
{
name: "Experience",
hash: "#experience",
name: 'Experience',
hash: '#experience',
},
{
name: "Skills",
hash: "#skills",
name: 'Skills',
hash: '#skills',
},
{
name: "Projects",
hash: "#projects",
name: 'Projects',
hash: '#projects',
},

{
name: "About",
hash: "#about",
name: 'About',
hash: '#about',
},
{
name: "Contact",
hash: "#contact",
name: 'Contact',
hash: '#contact',
},
] as const;
] as const

export const experiencesData = [
{
title: "B.S Computer Science - 3.7 GPA",
location: "Philadelphia, PA",
title: 'B.S Computer Science - 3.7 GPA',
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"],
'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",
date: '',
},
{
title: "Software Development Engineer - Intern",
location: "Seattle, WA",
title: 'Software Development Engineer - Intern',
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"],
'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",
date: 'Summer 2018',
},
{
title: "Software Development Engineer - Intern",
location: "New York, NY",
title: 'Software Development Engineer - Intern',
location: 'New York, NY',
description:
"Architecture scalability research/prototyping for high-scale, real-time database 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"],
'Architecture scalability research/prototyping for high-scale, real-time database 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",
date: 'Summer 2019',
},
{
title: "Software Development Engineer - Full Time",
location: "Austin, TX",
title: 'Software Development Engineer - Full Time',
location: 'Austin, TX',
description:
"Full stack engineering solutions for Amazon Global Expansions. Led the 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", ],
'Full stack engineering solutions for Amazon Global Expansions. Led the 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",
date: '2020-2022',
},
{
title: "Freelance Web Dev and Digital Services",
location: "Los Angeles",
title: 'Freelance Web Dev and Digital Services',
location: 'Los Angeles',
description:
"Providing miscellaneous digital services for local entertainment industry professionals. Developing, hosting, and maintaining website portfolios and providing professional photo/video services for headshots and audition taping.",
tags: ["React", "Next.js", "Tailwind", "Vercel", "PostgreSQL", "Vite"],
'Providing miscellaneous digital services for local entertainment industry professionals. Developing, hosting, and maintaining website 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",
}
] as const;
date: '2022-Current',
},
] as const

export const projectsData = [
{
title: "Car Suggest-O-Rator",
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/"
link: 'https://car-suggestorator.vercel.app/',
},
{
title: "On-Premises Server Hosting",
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 docker 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/"
link: 'https://www.nginx.com/',
},
{
title: "Portfolio Websites",
title: 'Portfolio Websites',
description:
"I've been building modern and responsive portfolio websites for artists and professionals, such as the one you're reading this on! The goal is to provide a refined experience with unique experiences built on my engineering background. You can see an example actress client site clicking here.",
tags: ["React", "Next.js", "Tailwind", "DaisyUI", "Vercel", "PostgreSQL"],
tags: ['React', 'Next.js', 'Tailwind', 'DaisyUI', 'Vercel', 'PostgreSQL'],
imageUrl: portfolioImg,
link: "https://tylerhoward.dev"
link: 'https://tylerhoward.dev',
},
] as const;
] as const

export const skillsData = [
"TypeScript",
"React",
"Node.js",
"Next.js",
"AWS",
"JIRA",
"Java",
"Tailwind",
"JavaScript",
"HTML",
"CSS",
"NGINX",
"Docker",
"Git",
"Prisma",
"PostgreSQL",
"Python",
"Android",
"Scrapy",
"Vercel"
] as const;
'TypeScript',
'React',
'Node.js',
'Next.js',
'AWS',
'JIRA',
'Java',
'Tailwind',
'JavaScript',
'HTML',
'CSS',
'NGINX',
'Docker',
'Git',
'Prisma',
'PostgreSQL',
'Python',
'Android',
'Scrapy',
'Vercel',
] as const

0 comments on commit 1e7ecd5

Please sign in to comment.