Index: client_app/src/components/data/components/item_components/job_component.js
===================================================================
--- client_app/src/components/data/components/item_components/job_component.js	(revision 47067aee0e216f1ff324a45abaa8bb8a40da8572)
+++ client_app/src/components/data/components/item_components/job_component.js	(revision 96eb8bc9fc2447831fb7c4209fb195bf752d779c)
@@ -3,5 +3,4 @@
 
 const Jobs = (props) => {
-
     return(
         <Segment>
Index: client_app/src/components/data/components/user_internships.js
===================================================================
--- client_app/src/components/data/components/user_internships.js	(revision 47067aee0e216f1ff324a45abaa8bb8a40da8572)
+++ client_app/src/components/data/components/user_internships.js	(revision 96eb8bc9fc2447831fb7c4209fb195bf752d779c)
@@ -1,3 +1,3 @@
-import {Card, Container} from "semantic-ui-react";
+import {Container} from "semantic-ui-react";
 import {Redirect} from "react-router-dom";
 import React from "react";
Index: client_app/src/components/data/components/user_jobs.js
===================================================================
--- client_app/src/components/data/components/user_jobs.js	(revision 47067aee0e216f1ff324a45abaa8bb8a40da8572)
+++ client_app/src/components/data/components/user_jobs.js	(revision 96eb8bc9fc2447831fb7c4209fb195bf752d779c)
@@ -6,6 +6,4 @@
 
 const UserJobs = (props) =>{
-    var itemsArray = [];
-
     if(props.userProfile.type==="USER"){
         if(props.userProfile.email!=null){
Index: client_app/src/components/data/components/user_projects.js
===================================================================
--- client_app/src/components/data/components/user_projects.js	(revision 47067aee0e216f1ff324a45abaa8bb8a40da8572)
+++ client_app/src/components/data/components/user_projects.js	(revision 96eb8bc9fc2447831fb7c4209fb195bf752d779c)
@@ -2,23 +2,22 @@
 import {Redirect} from "react-router-dom";
 import React from "react";
+import Projects from "./item_components/project_component";
 
 const UserProjects = (props) =>{
-    var itemsArray = [];
-
     if(props.userProfile.type==="USER"){
         if(props.userProfile.email!=null){
-            props.userProfile.projects.forEach(item => {
-                let obj = {}
-                obj.header = item.title;
-                obj.description = item.description + "\n" + item.accountEmail + " for contact!";
-                obj.meta = "Team: " + item.accountName + " / Salary: " + item.salary;
-
-                itemsArray.push(obj);
-            });
-
             return(
-                <Container textAlign="left">
+                <Container>
                     <h1>Projects for you!</h1>
-                    <Card.Group items={itemsArray} />
+                    {props.userProfile.projects.map(item =>{
+                        return <Projects
+                            title={item.title}
+                            description={item.description}
+                            accountName={item.accountName}
+                            accountEmail={item.accountEmail}
+                            skills={item.skillsRequired}
+                            type={props.userProfile.type}
+                        />})
+                    }
                 </Container>
             );