Index: client_app/src/components/data/components/user_internships.js
===================================================================
--- client_app/src/components/data/components/user_internships.js	(revision 2e507a8a03f955f75313efa82c7c790ced348260)
+++ client_app/src/components/data/components/user_internships.js	(revision 47067aee0e216f1ff324a45abaa8bb8a40da8572)
@@ -2,23 +2,22 @@
 import {Redirect} from "react-router-dom";
 import React from "react";
+import Internships from "./item_components/internship_component";
 
 const UserInternships = (props) =>{
-    var itemsArray = [];
-
     if(props.userProfile.type==="USER"){
         if(props.userProfile.email!=null){
-            props.userProfile.internships.forEach(item => {
-                let obj = {}
-                obj.header = item.title;
-                obj.description = item.description + "\n" + item.accountEmail + " for contact!";
-                obj.meta = "Company: " + item.accountName + " / Salary: " + item.salary;
-
-                itemsArray.push(obj);
-            });
-
             return(
-                <Container textAlign="left">
-                    <h1>Internships for you!</h1>
-                    <Card.Group items={itemsArray} />
+                <Container>
+                <h1>Internships for you!</h1>
+                {props.userProfile.internships.map(item =>{
+                    return <Internships
+                        title={item.title}
+                        description={item.description}
+                        accountName={item.accountName}
+                        accountEmail={item.accountEmail}
+                        skills={item.skillsTrained}
+                        type={props.userProfile.type}
+                    />})
+                }
                 </Container>
             );
Index: client_app/src/components/main/App.js
===================================================================
--- client_app/src/components/main/App.js	(revision 2e507a8a03f955f75313efa82c7c790ced348260)
+++ client_app/src/components/main/App.js	(revision 47067aee0e216f1ff324a45abaa8bb8a40da8572)
@@ -33,5 +33,5 @@
                       <Route path={"/user/internships"} render={() => <UserInternships userProfile={this.state.currentUser}/>} />
                       <Route path={"/user/projects"} render={() => <UserProjects userProfile={this.state.currentUser}/>} />
-                      <Route path={"/team/jobs"} />
+                      <Route path={"/team/jobs"} render={() => <CompanyJobs userProfile={this.state.currentUser} />}/>
                       <Route path={"/team/projects"} />
                       <Route path={"/company/jobs"} render={() => <CompanyJobs userProfile={this.state.currentUser} />}/>