diff --git a/components/Home/Main.tsx b/components/Home/Main.tsx
index a4a5a21..84e575b 100644
--- a/components/Home/Main.tsx
+++ b/components/Home/Main.tsx
@@ -41,7 +41,7 @@ function Home() {
- Not a CS student, don't work in IT industry, but most of the time I do web development. Always love to be working on a cool project 😉
+ Not a CS student, yet currently working in the IT industry, but most of the time I do web development. Always love to be working on a cool project 😉
diff --git a/components/Home/Projects.tsx b/components/Home/Projects.tsx
index 1dc83f8..db39702 100644
--- a/components/Home/Projects.tsx
+++ b/components/Home/Projects.tsx
@@ -1,24 +1,48 @@
-import { For } from 'solid-js';
+import { createSignal, For, Show } from 'solid-js';
import projects from '../../config/projects';
import ProjectCard from '../Project';
function Projects() {
+ const [toggleLibrary, setToggleLibrary] = createSignal
(false);
+ const libraryProjects = projects.filter(project => project.type === 'library');
+ const moreLibraries = libraryProjects.slice(6);
+
+ const [toggleApplication, setToggleApplication] = createSignal(false);
+ const applicationProjects = projects.filter(project => project.type === 'application');
+ const moreApplications = applicationProjects.slice(6);
+
return (
<>
Library
-
o.type === 'library')}>
+
{project => }
+ 0}>
+ setToggleLibrary(true)} class="text-center py-4 w-full cursor-pointer self-center">See more libraries }>
+
+ {project => }
+
+ setToggleLibrary(false)} class="text-center py-4 w-full cursor-pointer self-center">Show less libraries
+
+