feat(projects): add TechStore computer hardware store project

- Add TechStore as the first featured project showcasing SvelteKit skills
- Modern e-commerce platform with product catalog, shopping cart, and search
- Deployed on Azure Static Web Apps with TypeScript and Tailwind CSS
- Add SvelteKit to frontend development skills
- Update project IDs to maintain sequential numbering
- Live demo: https://ashy-sky-078d0441e.2.azurestaticapps.net

Author: davidagustin

src/utils/constants.ts

@@ -21,6 +21,7 @@ import {
   FaCog,
   FaServer,
   FaChartLine,
+  FaBolt,
 } from 'react-icons/fa';
 
 import type {
@@ -88,6 +89,7 @@ export const SKILL_CATEGORIES: SkillCategory[] = [
       'Next.js',
       'Angular',
       'Vue.js',
+      'SvelteKit',
       'TypeScript',
       'Tailwind CSS',
       'HTML5/CSS3',
@@ -138,6 +140,23 @@ export const SKILL_CATEGORIES: SkillCategory[] = [
 export const PROJECTS: Project[] = [
   {
     id: 1,
+    title: 'TechStore - Computer Hardware Store',
+    description:
+      'A modern, responsive computer hardware store built with SvelteKit, TypeScript, and Tailwind CSS, deployed on Azure Static Web Apps. Features product catalog, shopping cart, search & filter functionality, and responsive design.',
+    technologies: ['SvelteKit 2.0', 'TypeScript', 'Tailwind CSS', 'Lucide Svelte', 'Azure Static Web Apps'],
+    githubUrl: 'https://github.com/davidagustin/azure-static-practice',
+    liveUrl: 'https://ashy-sky-078d0441e.2.azurestaticapps.net',
+    icon: FaBolt,
+    category: 'E-commerce',
+    features: [
+      'Product Catalog & Search',
+      'Shopping Cart System',
+      'Category Filtering',
+      'Responsive Design',
+    ],
+  },
+  {
+    id: 2,
     title: '20 Newsgroups ML Analysis Dashboard',
     description:
       'A comprehensive machine learning analysis dashboard for the 20 Newsgroups dataset, featuring advanced hyperparameter tuning, model comparison, and interactive visualizations. Built with Next.js 14, Material-UI, and Python ML pipeline.',
@@ -154,7 +173,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 2,
+    id: 3,
     title: 'MLI Learning Quiz App',
     description:
       'A beautiful, interactive learning and mnemonic quiz application designed specifically for the MLI (Machine Learning Institute) precourse material. Features 5 quiz categories with smart mnemonics, progress analytics, and modern UI/UX.',
@@ -171,7 +190,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 3,
+    id: 4,
     title: 'Hope Foundation',
     description:
       'A modern, responsive charity website built with Gatsby for Hope Foundation. Features donation systems, volunteer portals, event management, and comprehensive program showcases. Deployed on Digital Ocean with excellent performance and SEO optimization.',
@@ -188,7 +207,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 4,
+    id: 5,
     title: 'Historigal',
     description:
       'A modern, responsive web application for searching through 37,860+ historical events from 300 B.C. to 2012 with a Google-like interface. Features advanced citation parsing, intelligent search with debouncing, URL routing, and mobile-first design.',
@@ -205,7 +224,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 5,
+    id: 6,
     title: 'AI Learning Hub',
     description:
       'A comprehensive Next.js application for learning AI and machine learning concepts through interactive mnemonics, character-based learning, and quizzes. Features 30+ learning sections with 1000+ quiz questions.',
@@ -222,7 +241,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 6,
+    id: 7,
     title: 'A Very Nice Grocery List',
     description:
       'A modern, responsive grocery list application built with Next.js, React, and TypeScript. Features duplicate prevention, auto-scroll, and a beautiful dark theme with smooth animations.',
@@ -239,7 +258,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 7,
+    id: 8,
     title: 'Luxury Realty',
     description:
       'A comprehensive, modern real estate website built with Angular and deployed on Surge.sh. Features luxury property listings with advanced search, filtering, interactive image galleries, and responsive design.',
@@ -256,7 +275,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 8,
+    id: 9,
     title: 'Elegant Furniture Store',
     description:
       'A modern, responsive furniture store built with Vue.js 3, Vite, and Tailwind CSS. Features a beautiful collection of premium furniture with shopping cart functionality, product catalog, and seamless user experience.',
@@ -273,7 +292,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 9,
+    id: 10,
     title: 'Law & Associates',
     description:
       'A modern, professional law firm website built with Astro.js and Tailwind CSS. Features comprehensive legal services, attorney profiles, practice areas, and contact forms with a clean, professional design.',