Component 2: Projects

15Dkatz · Oct 19, 2022 · 60b3665 · 60b3665
1 parent dee7116
commit 60b3665
Show file tree

Hide file tree

Showing 13 changed files with 55 additions and 0 deletions.
diff --git a/portfolio/src/App.js b/portfolio/src/App.js
@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import Projects from './Projects';
 
 class App extends Component {
   state = { displayBio: false };
@@ -27,6 +28,8 @@ class App extends Component {
             </div>
           )
         }
+        <hr />
+        <Projects />
       </div>
     ); 
   }

diff --git a/portfolio/src/Projects.js b/portfolio/src/Projects.js
@@ -0,0 +1,23 @@
+import React, { Component } from 'react';
+import PROJECTS from './data/projects';
+
+class Projects extends Component {
+  render() {
+    return (
+      <div>
+        <h2>Highlighted Projects</h2>
+        <div>
+          {
+            PROJECTS.map(PROJECT => {
+              return (
+                <div key={PROJECT.id}>{PROJECT.title}</div>
+              );
+            })
+          }
+        </div>
+      </div>
+    );
+  }
+}
+
+export default Projects;
diff --git a/portfolio/src/assets/economica-bold.ttf b/portfolio/src/assets/economica-bold.ttf
diff --git a/portfolio/src/assets/email_icon.png b/portfolio/src/assets/email_icon.png
diff --git a/portfolio/src/assets/github_icon.png b/portfolio/src/assets/github_icon.png
diff --git a/portfolio/src/assets/linkedin_icon.png b/portfolio/src/assets/linkedin_icon.png
diff --git a/portfolio/src/assets/profile.png b/portfolio/src/assets/profile.png
diff --git a/portfolio/src/assets/project1.png b/portfolio/src/assets/project1.png
diff --git a/portfolio/src/assets/project2.png b/portfolio/src/assets/project2.png
diff --git a/portfolio/src/assets/project3.png b/portfolio/src/assets/project3.png
diff --git a/portfolio/src/assets/roboto-condensed.light.ttf b/portfolio/src/assets/roboto-condensed.light.ttf
diff --git a/portfolio/src/assets/twitter_icon.png b/portfolio/src/assets/twitter_icon.png
diff --git a/portfolio/src/data/projects.js b/portfolio/src/data/projects.js
@@ -0,0 +1,29 @@
+import project1 from '../assets/project1.png';
+import project2 from '../assets/project2.png';
+import project3 from '../assets/project3.png';
+
+const PROJECTS = [
+  {
+    id: 1,
+    title: 'Example React Application',
+    description: 'A React App that I built, involving JS and core web dev concepts!',
+    link: 'https://github.com/15Dkatz/example',
+    image: project1
+  },
+  {
+    id: 2,
+    title: 'MY API',
+    description: 'A REST API that I built form scratch with GET and POST requests!',
+    link: 'https://github.com/15Dkatz/example',
+    image: project2
+  },
+  {
+    id: 3,
+    title: 'Operating Systems Final Project',
+    description: 'My unique final project for my university Operating Systems course.',
+    link: 'https://github.com/15Dkatz/example',
+    image: project3
+  }
+];
+
+export default PROJECTS;