zeu.dev
personal website
update resume, init resume + open-source mdx, add open source to nav bar
+3
-1
astro.config.mjs
+3
-1
astro.config.mjs
bun.lockb
bun.lockb
This is a binary file and will not be displayed.
+3
-1
package.json
+3
-1
package.json
···
11
},
12
"dependencies": {
13
"@astrojs/check": "^0.9.3",
14
-
"@astrojs/mdx": "^3.1.5",
15
"@astrojs/svelte": "^5.7.0",
16
"@astrojs/tailwind": "^5.1.0",
17
"@sveltejs/vite-plugin-svelte": "^4.0.0-next.6",
18
"astro": "^4.15.4",
19
"svelte": "^5.0.0-next.244",
20
"tailwindcss": "^3.4.10",
21
"typescript": "^5.6.2"
···
11
},
12
"dependencies": {
13
"@astrojs/check": "^0.9.3",
14
+
"@astrojs/mdx": "^3.1.8",
15
"@astrojs/svelte": "^5.7.0",
16
"@astrojs/tailwind": "^5.1.0",
17
+
"@iconify-json/tabler": "^1.2.5",
18
"@sveltejs/vite-plugin-svelte": "^4.0.0-next.6",
19
"astro": "^4.15.4",
20
+
"astro-icon": "^1.1.1",
21
"svelte": "^5.0.0-next.244",
22
"tailwindcss": "^3.4.10",
23
"typescript": "^5.6.2"
+3
src/components/SiteLayout.astro
+3
src/components/SiteLayout.astro
···
49
<h3 class="text-yellow-500">
50
<a href="/resume" class="after:content-['_->']">resume</a>
51
</h3>
52
<a href="https://app.opensauced.pizza" target="_blank" class="after:content-['_↗']">OpenSauced</a>
53
<a href="https://easytodo.link" target="_blank" class="after:content-['_↗']">easytodo.link</a>
54
</section>
···
49
<h3 class="text-yellow-500">
50
<a href="/resume" class="after:content-['_->']">resume</a>
51
</h3>
52
+
<h3 class="text-yellow-500">
53
+
<a href="/open-source" class="after:content-['_->']">open source</a>
54
+
</h3>
55
<a href="https://app.opensauced.pizza" target="_blank" class="after:content-['_↗']">OpenSauced</a>
56
<a href="https://easytodo.link" target="_blank" class="after:content-['_↗']">easytodo.link</a>
57
</section>
+18
src/content/open-source.mdx
+18
src/content/open-source.mdx
···
···
1
+
import { Icon } from "astro-icon/components";
2
+
3
+
## Skogz [<Icon name="tabler:brand-github-filled" class="inline-block" />](https://github.com/zeucapua/skogz)
4
+
- An experimental Svelte 5 SSR (server side rendered) router, built on top of the Vite Extra template
5
+
- Implemented custom middleware that can handle loader functions and load the correct components based on a routes configuration object
6
+
7
+
## Gust [<Icon name="tabler:brand-github-filled" class="inline-block" />](https://github.com/zeucapua/gust)
8
+
- A time tracker productivity tool with authentication, cloud storage, and full CRUD capabilities
9
+
- Implemented features using Astro Partials and Client Islands (Svelte components) that are inline and rendered on demand using HTMX library, a HTML-centered AJAX API
10
+
11
+
## Typew [<Icon name="tabler:brand-github-filled" class="inline-block" />](https://github.com/zeucapua/typew)
12
+
- An animated text component that mimics the typewriter, writing letter by letter
13
+
- Implemented as a no dependency needed Svelte library
14
+
15
+
## Trace [<Icon name="tabler:brand-github-filled" class="inline-block" />](https://github.com/zeucapua/trace-svelte)
16
+
- A component library that highlights a line, controlled externally by the developer
17
+
- Implemented as a no dependency needed Svelte library
18
+
+71
src/content/resume.mdx
+71
src/content/resume.mdx
···
···
1
+
import { Icon } from "astro-icon/components";
2
+
3
+
A generalist Software Engineer, specialized in solutions and product engineering, utilizing technologies across the stack and languages like Javascript (Next.js), Python (Django), and GoLang (Cobra). Based in San Bernardino, California USA with 8 months of remote and open source experience.
4
+
5
+
# Experience
6
+
## Software Engineer, OpenSauced [<Icon name="tabler:external-link" class="inline-block" />](https://opensauced.pizza)
7
+
_February 2024 - Present_
8
+
- Worked with different technology stacks and products throughout the company
9
+
- Coordinated and collaborated with every department, including marketing, product, and engineering
10
+
- Helped market the brand and features on X (formerly Twitter), resulting in thousands of impressions
11
+
- Made consistent and high velocity open source contributions
12
+
- Reviewed external contributors' issues and pull requests
13
+
14
+
### The OpenSauced App [<Icon name="tabler:brand-github-filled" class="inline-block" />](https://github.com/open-sauced/app)
15
+
- Tech Stack: Next.js, React, TailwindCSS, PostHog, Playwright, Supabase, Storybook, SWR and more
16
+
- 88 pull requests in the last 6 months, about 20% of all contributions on the application product
17
+
18
+
#### Repo Pages
19
+
_Released April 2024_
20
+
- Led engineering efforts, implementing features in conjunction with Product Manager
21
+
- Calculated data from API and display information onto interactive charts and data visualizations
22
+
- Implemented copy to image feature to allow users to share any chart with one click
23
+
- Correlated with increased unique visitors to the app, serving as the main funnel for new and non-logged in users
24
+
25
+
#### OSCR: Open Source Contributor Rating
26
+
_Released August 2024_
27
+
- Refactored existing profile card display with new features, data visualization
28
+
- Translated designer's Figma concepts into a React component using TailwindCSS and React Spring
29
+
- Implemented OSCR displays throughout the app, including in profile previews, contributor tables, etc.
30
+
- Correlated with increased Weekly Active Users (WAU), average time spent, and shares of link to the applicationPizza
31
+
32
+
### Pizza CLI [<Icon name="tabler:brand-github-filled" class="inline-block" />](https://github.com/open-sauced/pizza-cli)
33
+
- Tech Stack: GoLang, Cobra CLI, BubbleTea
34
+
- Implemented major features for the CODEOWNERS centered CLI program built on Golang, Cobra CLI framework, and the BubbleTea terminal framework
35
+
- `pizza generate config`: an automatic or interactive terminal command that creates a global available YAML file that keeps track Git attributions
36
+
- `pizza offboard`: removes Git attributions by YAML configuration and CODEOWNERS files
37
+
38
+
### Landing Page & Blog [<Icon name="tabler:brand-github-filled" class="inline-block" />](https://github.com/open-sauced/landing-page)
39
+
- Tech Stack: Next.js, React, TailwindCSS, PostHog and more
40
+
- Implemented and managed the Sanity CMS for viewing on the company blog
41
+
- Styled with TailwindCSS and Framer Motion based on Figma designs by the Product Manager
42
+
- Created and updated multiple landing pages for product (the app and Pizza CLI) and various use cases (Teams, Maintainers, Contributors, and Students)
43
+
44
+
## Full Stack Developer, Buttondown [<Icon name="tabler:external-link" class="inline-block" />](https://buttondown.email)
45
+
_November 2023 - February 2024_
46
+
- Tech Stack: Django, Vue, Next.js, TailwindCSS and more
47
+
- Implemented features and bug fixes to the email platform, supporting thousands of newsletters
48
+
- Managed and updated copy and designs on the platform’s marketing website
49
+
50
+
## Web Developer, SmartWiz [<Icon name="tabler:external-link" class="inline-block" />](https://smartwiz.io)
51
+
_September 2023 - November 2024_
52
+
- Tech Stack: Remix, React, TailwindCSS, Stripe, and more
53
+
- Refactored existing Stripe integrations and implemented designs from Figma
54
+
55
+
## Volunteer Web Developer, Progressive Victory [<Icon name="tabler:external-link" class="inline-block" />](https://progressivevictory.win)
56
+
_August 2022 - November 2022_
57
+
- Tech Stack: React, Next.js, Airtable, Storybook, Vercel and more
58
+
- Led the frontend development of the initial organization website, implementing designs in coordination with organizers and backend engineers
59
+
- Implemented Airtable as a CMS to display information about volunteer efforts and political candidates’ campaigns throughout the United States
60
+
61
+
# Public Speaking and Community Participation
62
+
## Web Dev Challenge: Build a multiplayer web app using PartyKit
63
+
- 24k+ views on YouTube
64
+
- 18 stars on the typer99 GitHub repository
65
+
- Built a type racing game with powerups and obstacles, implementing PartyKit into a SvelteKit application
66
+
67
+
## Upcoming Web Dev Challenge (Set to release late November as a Thanksgiving episode)
68
+
- Built an AI generated thank you note that can be shared on X (formerly Twitter) for each library listed in a given repository's SBOM (software bill of materials)
69
+
- Sponsored by Google Gemini AI and is integrated into the project, all of which was built in 4 hours
70
+
- Participated alongside Jason Lengstorf (host), Brian Holt (Neon DB), and Sarah aka badcop_ (prev Boot.dev)
71
+
- Recorded live in studio by a professional camera and sound crew throughout a 12 hour production day
+17
src/pages/open-source.astro
+17
src/pages/open-source.astro
···
···
1
+
---
2
+
import SiteLayout from "../components/SiteLayout.astro";
3
+
import { Content } from "../content/open-source.mdx";
4
+
---
5
+
6
+
<SiteLayout title="zeu.dev">
7
+
<main class="flex flex-col gap-4 px-4 py-8 text-white text-lg">
8
+
<h1 class="text-5xl text-yellow-500 font-bold">Open Source</h1>
9
+
<p class="text-yellow-500">
10
+
Explorations, packages, and other code shenanigans.
11
+
</p>
12
+
13
+
<span class="prose prose-invert prose-yellow lg:prose-xl prose-headings:text-yellow-500">
14
+
<Content />
15
+
</span>
16
+
</main>
17
+
</SiteLayout>
+4
-27
src/pages/resume.astro
+4
-27
src/pages/resume.astro
···
1
---
2
import SiteLayout from "../components/SiteLayout.astro";
3
---
4
5
<SiteLayout title="zeu.dev">
···
9
Notable works, professional and otherwise.
10
</p>
11
12
-
<section class="flex flex-col gap-4">
13
-
<div class="flex gap-4 items-center font-bold">
14
-
<h3 class="text-3xl text-yellow-500">OpenSauced</h3>
15
-
<p class="text-sm decoration-4 underline underline-offset-4 decoration-dashed">Since February 2024</p>
16
-
</div>
17
-
18
-
<ul>
19
-
<li>
20
-
<h4 class="text-sm font-bold">
21
-
<span class="text-2xl text-yellow-500"># App </span>
22
-
Open Source Repository Data Analytics Platform
23
-
</h4>
24
-
</li>
25
-
<li>
26
-
<h4 class="text-sm font-bold">
27
-
<span class="text-2xl text-yellow-500"># Landing Page </span>
28
-
Marketing, Blogs, and Changelogs
29
-
</h4>
30
-
</li>
31
-
<li>
32
-
<h4 class="text-sm font-bold">
33
-
<span class="text-2xl text-yellow-500"># Pizza CLI </span>
34
-
Repository Team Orchestration Tool
35
-
</h4>
36
-
</li>
37
-
</ul>
38
-
</section>
39
</main>
40
</SiteLayout>
···
1
---
2
import SiteLayout from "../components/SiteLayout.astro";
3
+
import { Content } from "../content/resume.mdx";
4
---
5
6
<SiteLayout title="zeu.dev">
···
10
Notable works, professional and otherwise.
11
</p>
12
13
+
<span class="prose prose-invert prose-yellow lg:prose-xl prose-headings:text-yellow-500">
14
+
<Content />
15
+
</span>
16
</main>
17
</SiteLayout>