diff --git a/src/lib/Commit.svelte b/src/lib/ProjectCard/Commit.svelte
similarity index 100%
rename from src/lib/Commit.svelte
rename to src/lib/ProjectCard/Commit.svelte
diff --git a/src/lib/ProjectCard/ProjectCard.svelte b/src/lib/ProjectCard/ProjectCard.svelte
new file mode 100644
index 0000000..5d21557
--- /dev/null
+++ b/src/lib/ProjectCard/ProjectCard.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/src/lib/ProjectCard/ProjectDescription.svelte b/src/lib/ProjectCard/ProjectDescription.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/lib/ProjectCard/ProjectHeader.svelte b/src/lib/ProjectCard/ProjectHeader.svelte
new file mode 100644
index 0000000..a3fcd19
--- /dev/null
+++ b/src/lib/ProjectCard/ProjectHeader.svelte
@@ -0,0 +1,5 @@
+
+
+{title}
diff --git a/src/lib/ProjectCard/ProjectRepo.svelte b/src/lib/ProjectCard/ProjectRepo.svelte
new file mode 100644
index 0000000..849bc2d
--- /dev/null
+++ b/src/lib/ProjectCard/ProjectRepo.svelte
@@ -0,0 +1,6 @@
+
+
+
diff --git a/src/lib/RssContainer.svelte b/src/lib/ProjectCard/RssContainer.svelte
similarity index 77%
rename from src/lib/RssContainer.svelte
rename to src/lib/ProjectCard/RssContainer.svelte
index 9eda466..84c28d3 100644
--- a/src/lib/RssContainer.svelte
+++ b/src/lib/ProjectCard/RssContainer.svelte
@@ -1,5 +1,5 @@
diff --git a/src/lib/RssFeed.svelte b/src/lib/ProjectCard/RssFeed.svelte
similarity index 97%
rename from src/lib/RssFeed.svelte
rename to src/lib/ProjectCard/RssFeed.svelte
index 5cb779a..f701b4a 100644
--- a/src/lib/RssFeed.svelte
+++ b/src/lib/ProjectCard/RssFeed.svelte
@@ -1,6 +1,6 @@
+
+{#each projects as project}
+ {#if project.category === category}
+
+ {/if}
+{/each}
diff --git a/src/lib/images/vendorIcons/flowbiteDark.svg b/src/lib/images/vendorIcons/flowbiteDark.svg
new file mode 100644
index 0000000..3ecdb3e
--- /dev/null
+++ b/src/lib/images/vendorIcons/flowbiteDark.svg
@@ -0,0 +1,49 @@
+
diff --git a/src/lib/images/vendorIcons/flowbiteLight.svg b/src/lib/images/vendorIcons/flowbiteLight.svg
new file mode 100644
index 0000000..3ecdb3e
--- /dev/null
+++ b/src/lib/images/vendorIcons/flowbiteLight.svg
@@ -0,0 +1,49 @@
+
diff --git a/src/lib/images/vendorIcons/svelteIcon.svg b/src/lib/images/vendorIcons/svelteIcon.svg
new file mode 100644
index 0000000..ab91ce8
--- /dev/null
+++ b/src/lib/images/vendorIcons/svelteIcon.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/lib/images/vendorIcons/tailwindIcon.svg b/src/lib/images/vendorIcons/tailwindIcon.svg
new file mode 100644
index 0000000..3e38e2f
--- /dev/null
+++ b/src/lib/images/vendorIcons/tailwindIcon.svg
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/src/lib/images/vendorIcons/vercelIcon.svg b/src/lib/images/vendorIcons/vercelIcon.svg
new file mode 100644
index 0000000..af1cc06
--- /dev/null
+++ b/src/lib/images/vendorIcons/vercelIcon.svg
@@ -0,0 +1,8 @@
+
+
+
\ No newline at end of file
diff --git a/src/lib/projects.js b/src/lib/projects.js
new file mode 100644
index 0000000..22bcc77
--- /dev/null
+++ b/src/lib/projects.js
@@ -0,0 +1,33 @@
+import svelteIcon from '$lib/images/vendorIcons/svelteIcon.svg';
+import tailwindIcon from '$lib/images/vendorIcons/tailwindIcon.svg';
+import vercelIcon from '$lib/images/vendorIcons/vercelIcon.svg';
+import flowbiteLight from '$lib/images/vendorIcons/flowbiteLight.svg';
+
+export const projects = [
+ {
+ category: "svelte",
+ title: "portfolio",
+ url: "https://rannes.dev",
+ description: "A project to get familiar with Svelte and showcase my future projects.",
+ repo: "https://gitea.rannes.dev/rannes.dev/my-portfolio",
+ rss: "https://gitea.rannes.dev/rannes.dev/my-portfolio.rss",
+ image: "",
+ vendors: [
+ {
+ name: "Svelte",
+ img: svelteIcon
+ },
+ {
+ name: "Tailwind CSS",
+ img: tailwindIcon
+ },
+ {
+ name: "Flowbite-svelte",
+ img: flowbiteLight
+ },
+ {
+ name: "Vercel",
+ img: vercelIcon
+ },]
+ }
+]
\ No newline at end of file
diff --git a/src/routes/svelte/+page.svelte b/src/routes/svelte/+page.svelte
index efa6b28..56e50a9 100644
--- a/src/routes/svelte/+page.svelte
+++ b/src/routes/svelte/+page.svelte
@@ -1,23 +1,10 @@