1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
---
import Layout from "../layouts/Layout.astro";
import SocialNavbar from "../components/SocialNavbar.astro";
import Card from "../components/Card.astro";
---
<Layout title="Projects">
<main>
<h1 class="text-4xl font-semibold text-center py-6">Projects</h1>
<p class="text-center mb-4">
Here are some of my projects. I love tinkering with stuff so for a more complete list, visit my <a class="font-bold" href="https://github.com/pinapelz">Github</a>
</br>
<a href="/contributions" class="mt-2 hover:underline text-center font-bold text-3xl animate-pulse">Open Source Contributions</a>
</p>
<ul role="list" class="link-card-grid">
<Card
href="https://github.com/pinapelz/ytmp3AutoTag"
title="ytID3AutoTag"
body="JSwing application that downloads YouTube videos as MP3 and automatically tags the ID3 fields throughing inferring the video metadata"
language="Java"
languageColor="#b07219"
year="2022"
tags={["Java", "Swing"]}
/>
<Card
href="https://github.com/pinapelz/yet-another-lavaplayer-bot"
title="Yet Another Lavaplayer Bot"
body="Self-hosted JDA Discord music bot that uses Lavaplayer to play music from YouTube, Soundcloud, etc in Discord voice channels"
language="Java"
languageColor="#b07219"
year="2022"
tags={["Java", "JDA"]}
/>
<Card
href="https://github.com/Patchwork-Archive/Patchwork-Karaoke"
title="lrc-karaoke-player"
body="A client-side web app that allows the playback of video files synchronzied with both .lrc lyrics and YouTube srv3 styled subtitles"
language="Typescript"
languageColor="#3178c6"
year="2023"
tags={["Typescript", "React"]}
/>
<Card
href="https://github.com/pinapelz/NijiTrack"
title="Nijitrack"
body="Python and Next application that records and collects historical subscriber count for any subset of YouTube channels."
language="Python"
languageColor="#3572A5"
year="2023"
tags={["Python", "Next", "Tailwind", "SSR"]}
/>
<Card
href="https://github.com/pinapelz/JHolodex"
title="JHolodex"
body="Object-Oriented Java wrapper for the Holodex API written with Retrofit2. Published on Maven Central"
language="Java"
languageColor="#b07219"
year="2023"
tags={["Java", "Retrofit2", "Maven"]}
/>
<Card
href="https://github.com/Patchwork-Archive"
title="Patchwork Archive"
body="An archival system to help streamline the preservation of any subset of YouTube videos. Fully featured frontend, backend, and worker system for archival"
language="Javascript"
languageColor="#f1e05a"
year="2023"
tags={["React", "Python", "MySQL" , "S3 Storage", "Tailwind"]}
/>
<Card
href="https://github.com/pinapelz/moekyun-me-link-shortener"
title="Moekyun Me Link Shortener"
body="A fully serverless Flask link shortener that can be customized and deployed to Vercel with 1 click. Deploys as a fullstack app on Vercel"
language="HTML"
languageColor="#e34c26"
year="2023"
tags={["HTML", "Flask", "Python", "Postgres", "Redis"]}
/>
<Card
href="https://github.com/pinapelz/IMissVTuber"
title="IMissVtuber"
body="A boilerplate template application for easily deploying a fansite for any VTuber listed on Holodex"
language="Typescript"
languageColor="#3178c6"
year="2023"
tags={["Next", "Typescript", "React"]}
/>
<Card
href="https://github.com/pinapelz/Signpost"
title="Signpost"
body="A KV storage solution designed for hosting plaintext data for whatever purpose you need. Designed to host announcements/data for web aplications"
language="Typescript"
languageColor="#3178c6",
year="2024"
tags={["Vite", "React", "Typescript", "Redis"]}
/>
</ul>
<br/>
<a href="https://knowledge.pinapelz.com/personal/tools" class="mt-2 hover:underline text-2xl animate-pulse">and also a few smaller tools...</a>
</main>
<SocialNavbar />
<style>
main {
margin: auto;
padding: 1rem;
max-width: 1200px;
color: white;
font-size: 20px;
line-height: 1.6;
}
a{
color: white;
}
.link-card-grid {
display: grid;
grid-template-columns: repeat(3, minmax(24ch, 1fr));
gap: 2rem;
padding: 0;
}
@media (max-width: 1020px) {
.link-card-grid {
display: grid;
grid-template-columns: repeat(1, minmax(24ch, 1fr));
gap: 2rem;
padding: 0;
width: 100%;
}
}
</style>
</Layout>
|
