feat: add new project

app/projects/archive/page.jsx

@@ -14,6 +14,11 @@ const projects = [
 		github: "https://github.com/Alvalens/generative-trivia",
 		preview: "https://generative-trivia.vercel.app/",
 	},
+	{
+		year: "2024",
+		title: "Saku Senyum",
+		tech: "NextJS, TypeScript, TailwindCSS, ShadcnUI, Prisma, MySQL",
+	},
 	{
 		year: "2023",
 		title: "LUDOang",

app/projects/page.jsx

@@ -12,13 +12,14 @@ import ReactChat3 from "@/public/projects/trivia/trivia3.png";
 import ProjectAll from "@/public/img/projects-all.jpg";
 // main project image
 import Trivia from "@/public/projects/main-project/trivia.png";
+import SakuSenyum from "@/public/projects/main-project/saku-senyum.png";
 import LUDOang from "@/public/projects/main-project/ludo.png";
 import ReactChatMain from "@/public/projects/main-project/react-chat.png";
 import ReactTools from "@/public/projects/main-project/react-tools.png";
 import AlephBot from "@/public/projects/main-project/aleph-bot.png";
 import LPTK from "@/public/projects/lptk/lptk1.png";
 import NUINO from "@/public/projects/ino/ino1.png";
-import Porto from "@/public/projects/porto/porto1.png";
+
 
 import Hr from "@/components/Hr";
 import FixedButon from "@/components/FixedButton";
@@ -30,10 +31,18 @@ const projects = [
 		title: "Generative Trivia",
 		desc: "Generative Trivia is a web application that I created using Gemini AI API to generate trivia questions and answers.",
 		year: "2024",
-		tech: "NextJS, Gemini AI API, Tailwind CSS, Shadcn UI, Firebase",
+		tech: "NextJS, Typescript, Gemini AI API, Tailwind CSS, Shadcn UI, Firebase",
 		bg: Trivia,
 		slug: "trivia",
 	},
+	{
+		title: "Saku Senyum",
+		desc: "A website for UMKM sales management. This project is a client project that I created as a Fullstack Developer.",
+		year: "2024",
+		tech: "NextJS, Typescript, Tailwind CSS, Shadcn UI, Prisma, MySQL",
+		bg: SakuSenyum,
+		slug: "saku-senyum",
+	},
 	{
 		title: "LUDOang",
 		desc: "LUDOang is a game created using python and pygame. This game is inspired by LUDO game.",
@@ -82,14 +91,6 @@ const projects = [
 		bg: NUINO,
 		slug: "nu-ino-website",
 	},
-	{
-		title: "My First Portofolio Website",
-		desc: "My first portofolio website that i created using HTML, CSS, and Javascript. This website is the reason why i learn web development.",
-		year: "2022",
-		tech: "HTML, CSS, Javascript, Bootstrap",
-		bg: Porto,
-		slug: "my-first-portofolio-website",
-	},
 ];
 
 export default function Page() {

json/data.json

@@ -23,6 +23,29 @@
       ], 
       "slug": "trivia"
     },
+    {
+      "title": "Saku Senyum",
+      "desc": [
+        "Saku Senyum is a website that I created as a Fullstack Developer in PT Hafdzahmedia based on client request. The website is a sales management for UMKM or small business. The website is built using Next.js, TypeScript, Tailwind CSS, ShadCN UI, Prisma, and MySQL.",
+        "The website has a few features such as a dashboard for the user to manage their business sales, a statistic page, and a sales report page. User can see their sales performance in a fancy chart to make it easier to understand. The user also can export their sales report to a PDF file which can be printed or saved to their device."
+      ],
+      "year": "2024",
+      "images": [
+        "/projects/saku-senyum/saku-senyum1.png",
+        "/projects/saku-senyum/saku-senyum2.png",
+        "/projects/saku-senyum/saku-senyum3.png",
+        "/projects/saku-senyum/saku-senyum4.png"
+      ],
+      "tech": [
+        "NextJS",
+        "Typescript",
+        "Shadcn UI",
+        "Tailwind CSS",
+        "Prisma",
+        "MySQL"
+      ], 
+      "slug": "saku-senyum"
+    },
     {
       "title": "LUDOang",
       "desc": [
@@ -159,29 +182,6 @@
         "DataTables"
       ],
       "slug": "nu-ino-website"
-    },
-    {
-      "title": "My First Portofolio Website",
-      "desc": [
-        "This Project is my first portfolio website. This website is built using HTML, CSS, and JavaScript. First project that I deployed to the internet. Also my first time using Bootstrap.",
-        "I learned a lot about web developement in this project. I Also learn how to use Git and Github. This project is the reason why I started to learn web development."
-      ],
-      "year": "2022",
-      "preview": "https://alvalens.my.id",
-      "code": "https://github.com/Alvalens/Alvalens-porto-1",
-      "images": [
-        "/projects/porto/porto1.png",
-        "/projects/porto/porto2.png",
-        "/projects/porto/porto3.png"
-      ],
-      "tech": [
-        "HTML",
-        "Bootstrap",
-        "CSS",
-        "AOS",
-        "JavaScript"
-      ],
-      "slug": "my-first-portofolio-website"
     }
   ]
 }