Skip to content

Commit

Permalink
Rewording and add rover
Browse files Browse the repository at this point in the history
  • Loading branch information
Jwiggiff committed Nov 3, 2023
1 parent 2370248 commit 5bd05ee
Show file tree
Hide file tree
Showing 4 changed files with 51 additions and 46 deletions.
72 changes: 36 additions & 36 deletions src/Projects.jsx
Original file line number Diff line number Diff line change
@@ -1,36 +1,36 @@
import Card from "./_components/Card";
import Heading from "./_components/Heading";

import { useEffect, useRef } from "react";

import projects from "./_data/projects.yml";

export default function Projects({ onScrollIn }) {
const projectsList = useRef(null);

useEffect(() => {
if (matchMedia("(min-width: 768px)").matches)
projectsList.current.onmousemove = ({ clientX, clientY }) => {
projectsList.current.children.forEach((child) => {
let rect = child.getBoundingClientRect();
let x = clientX - rect.x;
let y = clientY - rect.y;
child.style.setProperty("--x", `${x}px`);
child.style.setProperty("--y", `${y}px`);
});
};
}, []);

return (
<section className="projects" id="projects">
<Heading>Projects</Heading>
<ul className="projects-list" ref={projectsList}>
{projects
.filter((p) => !p.resume_only)
.map((project, i) => (
<Card key={i} {...project} />
))}
</ul>
</section>
);
}
import Card from "./_components/Card";
import Heading from "./_components/Heading";

import { useEffect, useRef } from "react";

import projects from "./_data/projects.yml";

export default function Projects({ onScrollIn }) {
const projectsList = useRef(null);

useEffect(() => {
if (matchMedia("(min-width: 768px)").matches)
projectsList.current.onmousemove = ({ clientX, clientY }) => {
projectsList.current.children.forEach((child) => {
let rect = child.getBoundingClientRect();
let x = clientX - rect.x;
let y = clientY - rect.y;
child.style.setProperty("--x", `${x}px`);
child.style.setProperty("--y", `${y}px`);
});
};
}, []);

return (
<section className="projects" id="projects">
<Heading>Projects</Heading>
<ul className="projects-list" ref={projectsList}>
{projects
.filter((p) => p.description)
.map((project, i) => (
<Card key={i} {...project} />
))}
</ul>
</section>
);
}
2 changes: 1 addition & 1 deletion src/_data/education.yml
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
- name: 3rd year @ Queen's University (B.A.Sc. in Computer Engineering, Innovation Stream)
- name: B.A.Sc. in Computer Engineering & Innovation @ Queen's University
date: April 2025 (Expected)
location: Kingston, Ontario
gpa: 4.16/4.3 (Dean's Scholar)
Expand Down
6 changes: 5 additions & 1 deletion src/_data/projects.yml
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
description: >
An AI-powered encyclopedia.
resume_description: >
An AI-powered encyclopedia I built using **Next.JS**. It uses **Typescript + React** on the frontend and **Node.JS** in the backend to connect with the **OpenAI API**.
An AI-powered encyclopedia I built using **Next.JS**. It uses **TypeScript + React** on the frontend and **Node.JS** in the backend to connect with the **OpenAI API**.
url: https://github.com/Jwiggiff/infinipedia
image: "/assets/img/infinipedia.png"

Expand All @@ -19,6 +19,10 @@
url: https://github.com/ethanwhitcher/playlist.ai
image: "/assets/img/playlistai.png"

- title: Autonomous Rover
resume_description: >
An autonomous rover built as part of a Mechatronics class. The rover was powered by an **Arduino** and used a combination of **Infrared and Ultrasonic sensors** as well as **PID control** and a robotic arm to complete several capture-the-flag challenges throughout the course.
- title: Iris
description: >
A live transcription and translation tool for lecturers.
Expand Down
17 changes: 9 additions & 8 deletions src/resume.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -95,8 +95,7 @@ function Resume() {
<section id="experience">
<h2>Experience</h2>
<p className="subtext">
{config.experience_tagline}
My full work experience can be seen at{" "}
Full work experience can be seen at{" "}
<a href="https://linkedin.com/in/joshwfriedman">
linkedin.com/in/joshwfriedman
</a>
Expand Down Expand Up @@ -145,9 +144,9 @@ function Resume() {
<section id="projects">
<h2>Projects</h2>
<p className="subtext">
Check out more projects at{" "}
<a href="https://joshfriedman.dev">joshfriedman.dev</a>. All source
code is available at{" "}
More projects at{" "}
<a href="https://joshfriedman.dev">joshfriedman.dev</a>. Source code
available at{" "}
<a href="https://github.com/jwiggiff">github.com/jwiggiff</a>.
</p>
<ul className="projects">
Expand All @@ -156,9 +155,11 @@ function Resume() {
.map((project, index) => (
<li key={index} className="project">
<h4>{project.title}</h4>
<a target="_blank" href={project.url}>
<FontAwesomeIcon icon={faGithub} />
</a>
{project.url && (
<a target="_blank" href={project.url}>
<FontAwesomeIcon icon={faGithub} />
</a>
)}
<ReactMarkdown>{project.resume_description}</ReactMarkdown>
</li>
))}
Expand Down

0 comments on commit 5bd05ee

Please sign in to comment.