diff --git a/README.md b/README.md
index ae91af2..92e3c00 100644
--- a/README.md
+++ b/README.md
@@ -23,7 +23,7 @@ This site demonstrates my personality, skills, and presents the tone I provide t
 
 ```bash
 src/
-|-assets/ # Images
+|-assets/ # Images  
 |-components/ #Reusable UI components 
 |-hooks/ #Custom  React Hooks
 |-styles/ #Tailwind + custom theme CSS
diff --git a/src/assets/img/theme_tester_img.png b/src/assets/img/theme_tester_img.png
new file mode 100644
index 0000000..0ca83a4
Binary files /dev/null and b/src/assets/img/theme_tester_img.png differ
diff --git a/src/assets/img/theme_tester_mobile_img.png b/src/assets/img/theme_tester_mobile_img.png
new file mode 100644
index 0000000..78c2473
Binary files /dev/null and b/src/assets/img/theme_tester_mobile_img.png differ
diff --git a/src/assets/video/themeTesterVideo.mp4 b/src/assets/video/themeTesterVideo.mp4
new file mode 100644
index 0000000..b6dd04b
Binary files /dev/null and b/src/assets/video/themeTesterVideo.mp4 differ
diff --git a/src/assets/video/themeTesterVideoMobile.mp4 b/src/assets/video/themeTesterVideoMobile.mp4
new file mode 100644
index 0000000..b974e58
Binary files /dev/null and b/src/assets/video/themeTesterVideoMobile.mp4 differ
diff --git a/src/components/Projects.tsx b/src/components/Projects.tsx
index c0f9e3f..a8bffc2 100644
--- a/src/components/Projects.tsx
+++ b/src/components/Projects.tsx
@@ -7,7 +7,10 @@ import skymoneyvideo from "../assets/video/Skymoney-video.mp4";
 import skymoneyvideoMobile from "../assets/video/Skymoney-mobile-video.mp4";
 import millervideo from "../assets/video/500nmain-video.mp4";
 import millervideoMobile from "../assets/video/500nmain-mobile-video.mp4";
-
+import themeTesterCover from "../assets/img/theme_tester_img.png";
+import themeTesterCoverMobile from "../assets/img/theme_tester_mobile_img.png";
+import themeTesterVideo from "../assets/video/themeTesterVideo.mp4";
+import themeTesterVideoMobile from "../assets/video/themeTesterVideoMobile.mp4";
 type Project = {
   id: string;
   title: string;
@@ -19,6 +22,7 @@ type Project = {
   techStack: string[];
   liveUrl?: string;
   beta?: boolean;
+  inDev?: boolean;
   note?: string;
   comingSoon?: boolean;
 };
@@ -36,6 +40,7 @@ const projects: Project[] = [
     techStack: ["React", "TypeScript", "Node.js", "PostgreSQL"],
     liveUrl: "https://skymoneybudget.com",
     beta: true,
+    inDev: true,
     note: "Contact Jody for beta access.",
   },
   {
@@ -50,6 +55,22 @@ const projects: Project[] = [
     techStack: ["HTML", "CSS", "JQuery"],
     liveUrl: "https://500nmain806.com",
   },
+  {
+    id: "color-theme-tester",
+    title: "Color Theme UI Tester",
+    description:
+      "A UI Color Theme Tester that visualizes color schemes, fonts, and images on a mock UI.",
+    coverImage: themeTesterCover,
+    coverImageMobile: themeTesterCoverMobile,
+    video: themeTesterVideo,
+    videoMobile: themeTesterVideoMobile,
+    techStack: ["React", "Tailwind", "Typescript"],
+    liveUrl: "https://github.com/Ricearoni1245/Color-Theme-UI-Tester", 
+    beta: false,
+    inDev: true,
+    note: "Stay tuned for progress!"
+  }
+
 ];
 
 function VideoModal({
@@ -163,8 +184,15 @@ function ProjectCard({
           <div className="absolute top-3 right-3 px-3 py-1 rounded-full bg-primary text-white text-xs font-bold uppercase tracking-wider">
             Beta
           </div>
+
         )}
-      </div>
+        {project.inDev && (
+          <div className="absolute top-3 left-3 px-3 py-1 rounded-full bg-tertiary text-white text-xs font-bold uppercase tracking-wider">
+            In Progress
+          </div>
+        )
+        }
+     </div>
 
       {/* Cover Image - Mobile */}
       <div className="relative aspect-[9/16] overflow-hidden md:hidden mx-4 my-4 rounded-xl">
@@ -197,6 +225,11 @@ function ProjectCard({
             Beta
           </div>
         )}
+        {project.inDev && (
+          <div className="absolute top-3 left-3 px-3 py-1 rounded-full bg-tertiary text-white text-xs font-bold uppercase tracking-wider">
+            In Progress
+          </div>
+        )}
       </div>
 
       {/* Content */}
diff --git a/src/data/resume.ts b/src/data/resume.ts
index bb54e45..1fafbd0 100644
--- a/src/data/resume.ts
+++ b/src/data/resume.ts
@@ -24,10 +24,11 @@ export const resumeData: ResumeData = {
   summary:
     "Detail-oriented software developer with experience building full-stack applications using React, TypeScript, SQL, Express, and Docker. Skilled in responsive UI, modular API design, and writing scalable code. Strong communicator known for learning new technologies quickly and solving problems efficiently.",
   skills: [
-    { category: "Front End", items: ["React", "TypeScript", "JavaScript", "Responsive Design", "Component Architecture", "Vite"] },
-    { category: "Back End", items: ["Node.js", "Express", "REST APIs", "Authentication", "Input Validation", "JWT"] },
-    { category: "Database", items: ["SQL", "Prisma", "CRUD Operations", "Query Optimization", "Database Schema Design", "Data Modeling"] },
-    { category: "Tools", items: ["Git/GitHub", "Docker", "Docker Compose", "Postman"] },
+    { category: "Languages", items: ["TypeScript", "JavaScript", "Python", "C#"]},
+    { category: "Front End", items: ["React", "CSS(Flexbox/Grid", "Tailwind", "Responsive Design", "Component Architecture", "Vite", "Tailwind"] },
+    { category: "Back End", items: ["Node.js", "Express", "Fastify", "REST APIs", "Supertest", "Authentication", "Input Validation", "JWT", "Error Handling", "ASP.NET Core", "Razor Pages", "Background Jobs", "NodeMailer"] },
+    { category: "Data", items: ["SQL", "Prisma", "CRUD Operations", "Query Optimization", "Database Schema Design", "Data Modeling", "Data Sanitization", "Configuration"] },
+    { category: "Tools", items: ["Git/GitHub", "Docker", "Docker Compose", "Postman", "NGINX", "GitHub Actions"] },
   ],
   certifications: [
     "Meta Front-End Developer Certificate (Coursera)",