-
-
Core Skills
-
-
- Problem-Solving
-
-
Teamwork
+ {/* Soft Skills */}
+
Soft Skills
+
+
+
+
+
Core Skills
+
+
+ Problem-Solving
+
+ Teamwork
+
+ {/* Add remaining soft skill cards */}
- {/* Add remaining soft skill cards */}
-
-
- );
-}
-export default Skills;
+
+ );
+ }
+ export default Skills;
diff --git a/src/components/projects/ProjectCard.jsx b/src/components/projects/ProjectCard.jsx
new file mode 100644
index 0000000..6e8cfe8
--- /dev/null
+++ b/src/components/projects/ProjectCard.jsx
@@ -0,0 +1,21 @@
+import styles from "./ProjectCard.module.css";
+
+function ProjectCard({ title, image, description }) {
+ return (
+
+
+

+
+
{title}
+
{description}
+
+
+
+ );
+}
+export default ProjectCard;
diff --git a/src/components/projects/ProjectCard.module.css b/src/components/projects/ProjectCard.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/projects/Projects.jsx b/src/components/projects/Projects.jsx
new file mode 100644
index 0000000..d1fc004
--- /dev/null
+++ b/src/components/projects/Projects.jsx
@@ -0,0 +1,32 @@
+import ProjectCard from "./ProjectCard";
+
+function Projects() {
+ return (
+
+ );
+}
+export default Projects;
diff --git a/src/main.jsx b/src/main.jsx
index 5bc18ce..116581b 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -5,6 +5,7 @@ import 'bootstrap/dist/css/bootstrap.min.css'
import './index.css' // your custom CSS if needed
import 'bootstrap/dist/css/bootstrap.min.css';
import './styles.css'; // your overrides
+import './App.css'
ReactDOM.createRoot(document.getElementById('root')).render(
diff --git a/vite.config.js b/vite.config.js
index 2b6535c..b508a0f 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
export default defineConfig({
- plugins: [react()],
- base: '/MyPortfolio/',
-})
+ plugins: [react()],
+ base: "/",
+});