Update index.html

vinitngr · Nov 4, 2024 · 8a27de9 · 8a27de9
1 parent bb0c0d7
commit 8a27de9
Showing 1 changed file with 38 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -88,23 +88,44 @@ <h2>Get in Touch</h2>
     </div>
     <script>
         const skills = [
-            { category: "Techstacks", skills: ["JS", "CSS", "HTML/EJS", "MongoDB", "GSAP", "Node and Express", "Arduino-Cpp", "Python", "Tailwind CSS", "React", "TypeScript", "PostgreSQL"] }
-        ];
-
-        const skillsContainer = document.getElementById("skillsContainer");
-
-        skills.forEach(section => {
-            const categoryHeading = document.createElement("h3");
-            categoryHeading.textContent = `${section.category}`;
-            skillsContainer.appendChild(categoryHeading);
-            const skillsWrapper = document.createElement("div");
-            section.skills.forEach(skill => {
-                const skillTag = document.createElement("code");
-                skillTag.textContent = skill;
-                skillsWrapper.appendChild(skillTag);
-            });
-            skillsContainer.appendChild(skillsWrapper);
-        });
+    {
+        category: "Frontend Development",
+        skills: ["JS", "CSS", "HTML/EJS", "Tailwind CSS", "React", "TypeScript", "GSAP"]
+    },
+    {
+        category: "Backend Development",
+        skills: ["Node and Express", "MongoDB", "PostgreSQL"]
+    },
+    {
+        category: "Programming Languages",
+        skills: ["JavaScript", "Python", "TypeScript", "Arduino-Cpp"]
+    },
+    {
+        category: "Databases",
+        skills: ["MongoDB", "PostgreSQL"]
+    },
+    {
+        category: "Tech Tools",
+        skills: ["Arduino-Cpp", "GSAP"]
+    }
+];
+
+const skillsContainer = document.getElementById("skillsContainer");
+
+skills.forEach(section => {
+    const categoryHeading = document.createElement("h3");
+    categoryHeading.textContent = section.category;
+    skillsContainer.appendChild(categoryHeading);
+
+    const skillsWrapper = document.createElement("div");
+    section.skills.forEach(skill => {
+        const skillTag = document.createElement("code");
+        skillTag.textContent = skill;
+        skillsWrapper.appendChild(skillTag);
+    });
+    skillsContainer.appendChild(skillsWrapper);
+});
+
     </script>
 
 </body>