Updated resume content

src/components/NavigationLinks.astro

@@ -10,7 +10,7 @@ export interface Props {
 
 const { items = [] } = Astro.props;
 const { pathname } = Astro.url;
-const isActive = (href, exact) => {
+const isActive = (href: string, exact?: boolean): boolean => {
   let finalPathname = pathname;
   // if pathname ends with /, remove it
   if (pathname.endsWith("/")) {

src/components/ResumeContent.astro

@@ -1,7 +1,11 @@
 ---
 import type { CollectionEntry } from "astro:content";
 
-type Props = CollectionEntry<"resume">;
+type CollectionProps = CollectionEntry<"resume">;
+type ExtendProps = {
+  headingLevel: Number;
+};
+type Props = CollectionProps & ExtendProps;
 
 const { data, render, headingLevel = 2 } = Astro.props;
 const { Content } = await render();

src/content/config.ts

@@ -1,5 +1,5 @@
 import { defineCollection, z } from "astro:content";
-import { rssSchema } from "@astrojs/rss";
+// import { rssSchema } from "@astrojs/rss";
 
 const blog = defineCollection({
   // Type-check frontmatter using a schema
@@ -156,6 +156,7 @@ const lindy = defineCollection({
 
 const resume = defineCollection({
   schema: z.object({
+    order: z.number(),
     title: z.string(),
   }),
 });

src/content/resume/01-profile.md

@@ -3,6 +3,6 @@ title: Profile
 order: 1
 ---
 
-I am a former medical device engineer turned software engineer, developing skills in front-end development. Acquired skills in build tools, quick prototyping, new frameworks and cross-browser testing.
+I am a former medical device engineer turned software engineer, with an emphases in front-end development, data visualizations, and UX. I write a lot of Javascript / Typescript, and sometimes Go when I need a backend server. I am passionate about creating products that are intuitive, accessible, inclusive and delightful to use.
 
 I am currently residing in the Bay Area, California, USA. I'm open to local or remote work.

src/content/resume/02-employment.md

@@ -35,11 +35,9 @@ order: 2
   - **Insights** _Dashboard for publishers to understand their content using Reverb's services_
     - Developed dashboard for Insights using Angular with customized data visualizations using d3
 
-- _2014-Current_  
+- _2014-2017_  
   **Freelancing**
 
-  - **[Craft By Zen](https://craftbyzen.com)**
-    - Developed and wrote for my personal website and blog.
   - **MedicareMojo**
     - Incorporated IBM Watson NLC services for Q&A app for medicare information
   - **FamiliesUSA**

src/content/resume/05-projects.md

@@ -0,0 +1,52 @@
+---
+title: Projects
+order: 5
+---
+
+- [Craft By Zen](https://craftbyzen.com) Redesign
+
+  - Redesign of my personal website
+  - Added new features using remark and rehype plugins, added a RSS feed and Sitemap, and optimized for SEO
+  - Build on top of Astro, Tailwind, Svelte, and Netlify
+
+- [Clear Components](https://github.com/jermspeaks/clear-component-library)
+
+  - A work hackathon project to create a component library for the company's design system.
+  - Build on top of React, Storybook, Styled Components, Vercel, and Github Actions
+
+- [Garbage In Garbage Out](https://jermspeaks.github.io/garbage-in-garbage-out/)
+
+  - Data exploration of inflows and outflows of city trash to other cities. Data from the US Commodities Survey from 2012.
+  - Built on top of d3
+
+- [Smart Composter](https://github.com/JakeHartnell/grow-elements)
+
+  - Smart composter using IoT Sensors and the Grow-IoT library.
+  - Build on top of d3 and Polymer
+
+- Trance HD
+
+  - An AR experience for kids to create digital stories they can share with each other using a common collection of game assets
+  - Build on top of Unity, Vuforia, and C#
+
+- [Zika VR](https://zika-vr.github.io/)
+
+  - As part of National Day of Civic Hacking, I helped with a team that created a virtual reality prototype to enable the public to better learn about the Zika virus
+  - Build on top of A-Frame and React
+
+- [Medicaremojo](https://github.com/medicaremojo/ibmhack)
+
+  - An app using IBM Watson to make a better way of sorting through Medicare documentation. Project part of IBM Watson's 2016 Hackathon challenge.
+  - Build on top of Node.js, Express, and IBM Watson's API.
+
+- Pacman with OpenBCI
+
+  - Uses your brain waves to control Pacman.
+  - Build on top of Javascript, Websockets, Go, and OpenBCI
+  - My team's entry to the Neurogaming Hackathon.
+
+- [Remembrance](goo.gl/TMWJyV)
+
+  - Remembrance is my final project of Dev Bootcamp Chicago.
+  - The app enables one to create a memorial for a loved one who has passed on. You can invite friends and family to come together here and share memories, whether they be stories or pictures.
+  - The web application built on Rails, Postgres, and Heroku.

src/content/resume/06-active-stack.md

@@ -0,0 +1,12 @@
+---
+title: Active Stack
+order: 6
+---
+
+- React & Svelte
+- Next.js & Astro
+- Figma
+- Node & Phoenix
+- Postgres
+- Vercel, Netlify, & Github Actions
+- Jest & Cypress

src/content/resume/07-code-links.md

@@ -8,3 +8,4 @@ order: 7
 - [Github](https://github.com/jermspeaks)
 - [Codepen](https://codepen.io/jermspeaks/)
 - [LinkedIn](https://www.linkedin.com/in/jeremynwong)
+- [Observable](https://observablehq.com/@jermspeaks?tab=profile)

src/pages/about/resume.astro

@@ -22,12 +22,12 @@ const resumeItems = (await getCollection("resume")).sort(
   <NavigationLinks slot="navigation" items={aboutLinks} />
   <ProseArticle>
     <h1><strong>Jeremy Wong</strong></h1>
-    {resumeItems.slice(0, 4).map((resume) => <ResumeContent {...resume} />)}
+    {resumeItems.slice(0, 5).map((resume) => <ResumeContent {...resume} />)}
 
     <div class="flex flex-col md:flex-row justify-between align-top my-2">
       {
         resumeItems
-          .slice(4)
+          .slice(5)
           .map((resume) => <ResumeContent headingLevel={3} {...resume} />)
       }
     </div>