Initial project listing

src/components/Projects.jsx

@@ -2,23 +2,23 @@ import styles from '../styles/components/Projects.module.scss';
 
 const PROJECTS = [
   {
-    name: 'Project Alpha',
-    desc: 'A short description of your featured project. What problem does it solve and what technologies make it interesting?',
-    tags: ['Tag 1', 'Tag 2', 'Tag 3'],
-    href: '#',
-    star: true,
-  },
-  {
-    name: 'Project Beta',
-    desc: 'A short description of your second project. Highlight the key challenge or the most exciting part of building it.',
-    tags: ['Tag 1', 'Tag 2', 'Tag 3'],
-    href: '#',
+    name: 'Klapi - Unified Control Panel',
+    desc: 'Web interface to view and manage data held by Livonsaaren Tietokonepaja. Easy to customize serving various customer solutions.',
+    tags: ['.NET', 'React', 'SQLite'],
+    href: 'https://klapi.tietokonepaja.fi/',
     star: false,
   },
   {
-    name: 'Project Gamma',
-    desc: 'A short description of your third project. What did you learn, or what are you most proud of about it?',
-    tags: ['Tag 1', 'Tag 2'],
+    name: 'Hattara - Online office',
+    desc: 'Why to code your own when there is working open source solution to host on your own server? Hattara is a self-hosted cloud office solution for small teams and individuals.',
+    tags: ['Apache2', 'Ubuntu Server', 'NextCloud'],
+    href: 'https://hattara.tietokonepaja.fi/',
+    star: false,
+  },
+  {
+    name: 'Pro bono project - Runosaari festival website',
+    desc: "Supporting local culture initiatives have always been close to my heart. I'm proudly helping Runosaari festival with their website and online presence already for the sixth year!",
+    tags: ['React', 'Vite', 'Apache2', 'Ubuntu Server'],
     href: '#',
     star: false,
   },