From 15aa9bfee70dc3d243e17428f7eebfa190678262 Mon Sep 17 00:00:00 2001
From: David Katz <15Dkatz@shcp.edu>
Date: Tue, 18 Oct 2022 17:27:49 -0700
Subject: [PATCH] Props and Project Component

---
 portfolio/src/Projects.js | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/portfolio/src/Projects.js b/portfolio/src/Projects.js
index c9cd4a6..ddaea47 100644
--- a/portfolio/src/Projects.js
+++ b/portfolio/src/Projects.js
@@ -1,6 +1,21 @@
 import React, { Component } from 'react';
 import PROJECTS from './data/projects';
 
+class Project extends Component {
+  render() {
+    const { title, image, description, link } = this.props.project;
+
+    return (
+      <div style={{ display: 'inline-block', width: 300, margin: 10 }}>
+        <h3>{title}</h3>
+        <img src={image} alt='profile' style={{ width: 200, height: 120 }} />
+        <p>{description}</p>
+        <a href={link}>{link}</a>
+      </div>
+    );
+  }
+}
+
 class Projects extends Component {
   render() {
     return (
@@ -10,7 +25,7 @@ class Projects extends Component {
           {
             PROJECTS.map(PROJECT => {
               return (
-                <div key={PROJECT.id}>{PROJECT.title}</div>
+                <Project key={PROJECT.id} project={PROJECT} />
               );
             })
           }
@@ -20,4 +35,4 @@ class Projects extends Component {
   }
 }
 
-export default Projects;
\ No newline at end of file
+export default Projects;