Add project mern-auth to the project list (#15)

Fingertips18 · Nov 3, 2024 · 0bd8d7d · 0bd8d7d
1 parent daef59e
commit 0bd8d7d
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 6 deletions.
diff --git a/src/constants/projects.ts b/src/constants/projects.ts
@@ -15,7 +15,7 @@ export const PROJECTS = [
     subtitle: "(Twitch Clone 🎮)",
     desc: "Tweetch is a Twitch clone crafted with personal preferences in mind. Designed to emulate the popular live streaming platform, this project aims to provide a familiar experience while incorporating custom features and enhancements tailored to individual needs.",
     stack: [
-      "Next JS",
+      "NextJS",
       "Supabase",
       "Prisma ORM",
       "Livekit",
@@ -37,9 +37,9 @@ export const PROJECTS = [
     subtitle: "(Rice Price Forecaster 🌾)",
     desc: "Leveraging an LSTM model, I developed a web application that compares and forecasts the current and future prices of different rice varieties in Cotabato.",
     stack: [
-      "Tensorflow JS",
-      "React JS",
-      "Express JS",
+      "TensorflowJS",
+      "ReactJS",
+      "ExpressJS",
       "MongoDB",
       "Clerk",
       "Prisma ORM",
@@ -123,6 +123,25 @@ export const PROJECTS = [
     desc: "A web platform for Barangay New Alimodian where officers manage resident info and process certificate requests, while residents can easily request and track certificates online.",
     stack: ["Laravel", "MySQL", "Tailwind CSS", "blade-php"],
     type: PROJECTTYPE.web,
-    live: "https://new-alimodian-portal.up.railway.app/",
+    live: "https://new-alimodian-portal.up.railway.app",
+  },
+  {
+    preview: "https://www.youtube.com/embed/PIOU7s_m_FM?si=l9PYObfNG1RjBcEh",
+    name: "MERN Auth",
+    subtitle: "(MERN Stack Authentication System 🔒)",
+    desc: "A MERN stack authentication system that includes user registration, login, and JWT-based session management with secure handling of passwords and token cookies. Ideal for building secure, scalable web applications.",
+    stack: [
+      "MongoDB",
+      "ExpressJS",
+      "ReactJS",
+      "NodeJS",
+      "EmailJS",
+      "JWT",
+      "Javascript",
+      "Framer Motion",
+      "AxiosJS",
+    ],
+    type: PROJECTTYPE.web,
+    live: "https://mern-auth-tau7.onrender.com",
   },
 ];
diff --git a/src/pages/root/_components/projects/index.tsx b/src/pages/root/_components/projects/index.tsx
@@ -50,7 +50,7 @@ const Projects = () => {
           </>
         ) : (
           <>
-            {[...Array(7)].map((_, i) => (
+            {[...Array(8)].map((_, i) => (
               <ProjectItemSkeleton key={`project-item-skeleton-${i}`} />
             ))}
           </>
-Original file line number
+Diff line change
@@ Expand Up / @@ -50,7 +50,7 @@ const Projects = () => { @@
               </>
             ) : (
               <>
-                {[...Array(7)].map((_, i) => (
+                {[...Array(8)].map((_, i) => (
                   <ProjectItemSkeleton key={`project-item-skeleton-${i}`} />
                 ))}
               </>
@@ Expand Down @@