update of experiences section and add of single experience

2025-08-23 00:34:39 +02:00
parent d20279fa10
commit 681d5ad98c
7 changed files with 172 additions and 91 deletions
@@ -0,0 +1,23 @@
+import '../styles/SingleExperience.css';
+
+function SingleExperience({ experience, whichSide }) {
+    return (
+        <div className={`experience-card ${whichSide ? 'right' : 'left'}`}>
+            <div className="experience-card-header">
+                <div className="experience-primary-info">
+                    <h3 className="experience-role">{experience.role}</h3>
+                    <p className="experience-company-location">
+                        {experience.company} • {experience.location}
+                    </p>
+                </div>
+                <p className="experience-duration">{experience.duration}</p>
+            </div>
+            <ul className="experience-tasks">
+                {experience.tasks.map((task, index) => (
+                    <li key={index}>{task}</li>
+                ))}
+            </ul>
+        </div>
+    );
+}
+export default SingleExperience;