Add nn-from-scratch project

components/projects/cards/NNFromScratch.vue

@@ -0,0 +1,15 @@
+<template>
+    <ProjectCard 
+        :title="$t('nn_scratch.title')" :image="image" image_classes="dark:invert"
+        :links="[ 
+            { label: 'Repository', url: 'https://github.com/NotXia/nn-from-scratch' }
+        ]">
+        
+        <p>{{ $t('nn_scratch.description') }}</p>
+    </ProjectCard>
+</template>
+
+
+<script setup lang="ts">
+    import image from "@/assets/images/projects/neural_network.png";
+</script>

locales/en-US/projects.ts

@@ -59,4 +59,7 @@ export default {
     "pathfinding_visualizer.description": "Visualizer of some graph search algorithms.",
     
     "sort_visualizer.description": "Visualizer of some sorting algorithms.",
+
+    "nn_scratch.title": "Neural networks from scratch",
+    "nn_scratch.description": "Automatic differentiation and basic neural network layers implemented from scratch using Numpy.",
 }

locales/it-IT/projects.ts

@@ -59,4 +59,7 @@ export default {
     "pathfinding_visualizer.description": "Visualizzazione di alcuni algoritmi di ricerca su grafi.",
 
     "sort_visualizer.description": "Visualizzazione di alcuni algoritmi di ordinamento.",
+
+    "nn_scratch.title": "Reti neurali da zero",
+    "nn_scratch.description": "Differenziazione automatica e componenti base di una rete neurale implementati in Numpy.",
 }

pages/projects.vue

@@ -5,7 +5,8 @@
         <h1 class="text-5xl font-bold text-center mb-5">{{ $t("projects") }}</h1>
         
         <div class="grid grid-flow-row-dense grid-cols-12 m-auto justify-center [&>*]:px-5 [&>*]:py-5">
-            <NotXiaGithubio             class="col-span-12" />
+            <NotXiaGithubio             class="lg:col-span-8 row-span-1 col-span-12" />
+            <NNFromScratch              class="lg:col-span-4 row-span-1 col-span-12" />
             <TablutPlayer               class="lg:col-span-4 row-span-1 col-span-12" />
             <BScThesis                  class="lg:col-span-8 row-span-1 col-span-12" />
             <WaveMap                    class="lg:col-span-4 lg:row-span-2 col-span-12" />