Skip to content

Commit

Permalink
add gif project
Browse files Browse the repository at this point in the history
  • Loading branch information
thatcatcancode committed Dec 8, 2023
1 parent 0fcd76c commit 3715d55
Show file tree
Hide file tree
Showing 3 changed files with 17 additions and 12 deletions.
10 changes: 4 additions & 6 deletions components/intro.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ export default function Intro() {
</div>

<motion.h1
className="mb-10 mt-4 px-4 text-2xl font-medium !leading-[1.5] sm:text-4xl"
className="mb-8 mt-4 px-4 text-2xl font-medium !leading-[1.5] sm:text-4xl"
initial={{ opacity: 0, y: 100 }}
animate={{ opacity: 1, y: 0 }}
>
Expand All @@ -69,17 +69,15 @@ export default function Intro() {
<span className="underline">frontend development</span>.
</motion.h1>

<motion.div className="mb-3"
<motion.div className="mb-8"
initial={{ opacity: 0, y: 100 }}
animate={{ opacity: 1, y: 0 }}
transition={{
delay: 0.1,
}}>
<div className="mb-4 text-sm">
<div className="text-sm">
This site was built with <span className="italic">React & Next.js</span>
</div>
<div>Checkout <span className="font-bold">more projects</span> below
</div>
</motion.div>

<motion.div
Expand All @@ -98,7 +96,7 @@ export default function Intro() {
setTimeOfLastClick(Date.now());
}}
>
More projects{" "}
My projects{" "}
<BsArrow90DegRight style={{ transform: 'rotate(90deg)' }} className="opacity-70 group-hover:translate-x-1 transition" />
</Link>
</motion.div>
Expand Down
19 changes: 13 additions & 6 deletions lib/data.ts
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ import floWrestlingImg from "@/public/flowrestling.png";
import inspiratoImg from "@/public/inspirato.png";
import flightTrackerImg from "@/public/flight-tracker.png";
import builtInAtxImg from "@/public/builtinatx.png";
import giphySearchImg from "@/public/giphy-search.png";

export const links = [
{
Expand Down Expand Up @@ -103,11 +104,10 @@ export const projectsData = [
imageUrl: floHockeyImg,
},
{
title: "Flight Tracker",
description:
"Developed Flight Tracker, the most feature and data rich application for globally tracking and managing private jets.",
tags: ["Geological Mapping", "MapBox", "Leaflet.js", "Angular", "Typescript", "SaaS"],
imageUrl: flightTrackerImg,
title: "GIF Search",
description: "A fun project building a search engine using the Giphy API. Includes mosaic layout, infinite scroll, error and load states + unit tests.",
tags: ["React", "Jest", "TailwindCSS", "SSR", "State Hooks"],
imageUrl: giphySearchImg
},
{
title: "Athlete Profiles",
Expand All @@ -116,11 +116,18 @@ export const projectsData = [
tags: ["Fullstack", "TypeScript", "SEO", "Node.js", "Firestore", "NoSQL", "Storybook", "SSR", "Redis", "CDN", "A/B Test", "Jest"],
imageUrl: floWrestlingImg,
},
{
title: "Flight Tracker",
description:
"Developed Flight Tracker, the most feature and data rich application for globally tracking and managing private jets.",
tags: ["Geological Mapping", "MapBox", "Leaflet.js", "Angular", "Typescript", "SaaS"],
imageUrl: flightTrackerImg,
},
{
title: "Payment Processing",
description:
"I worked on an agile team to deliver a more flexible payment processing platform to a luxury travel company.",
tags: ["Angular", "ASP.NET Web Api", "Agile Scrum", "Git"],
tags: ["JavaScript", "ASP.NET Web Api", "Agile Scrum", "Git"],
imageUrl: inspiratoImg,
}
] as const;
Expand Down
Binary file added public/giphy-search.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 3715d55

Please sign in to comment.