Index: client_app/src/components/profiles/company_profile.js
===================================================================
--- client_app/src/components/profiles/company_profile.js	(revision c9fa4744c6fa9e0c5c3a507ae7801fa5182f4e19)
+++ client_app/src/components/profiles/company_profile.js	(revision c9fa4744c6fa9e0c5c3a507ae7801fa5182f4e19)
@@ -0,0 +1,17 @@
+import React from 'react';
+import {Container, Header, Table, Item, Button} from 'semantic-ui-react'
+import {Link} from "react-router-dom";
+
+const CompanyProfile = (props) =>{
+    return(
+        <Container textAlign="left">
+            <Header>Company:</Header>
+            <h3>{props.data.name}</h3>
+            <h2>E-mail: {props.data.email}</h2>
+            <h3>Address: {props.data.address.country} {props.data.address.city} {props.data.address.street}</h3>
+            <Button primary as={Link} to={"/profile/edit"}>Edit</Button>
+        </Container>
+    );
+}
+
+export default CompanyProfile;
Index: client_app/src/components/profiles/profile.js
===================================================================
--- client_app/src/components/profiles/profile.js	(revision c9fa4744c6fa9e0c5c3a507ae7801fa5182f4e19)
+++ client_app/src/components/profiles/profile.js	(revision c9fa4744c6fa9e0c5c3a507ae7801fa5182f4e19)
@@ -0,0 +1,46 @@
+import React from 'react';
+import UserDetails from "./user_profile";
+import { Redirect } from "react-router-dom";
+import CompanyProfile from "./company_profile";
+import TeamProfile from "./team_profile";
+
+const Profile = (props) => {
+
+    if(props.userProfile.type==="USER"){
+        return (
+          <UserDetails data={{
+               email: props.userProfile.email,
+               name: props.userProfile.name,
+               surname: props.userProfile.surname,
+               retained: props.userProfile.retained,
+               toLearn: props.userProfile.toLearn
+          }}/>
+        );
+    }
+
+    if(props.userProfile.type==="COMPANY"){
+        return (
+            <CompanyProfile data={{
+                email: props.userProfile.email,
+                name: props.userProfile.name,
+                address: props.userProfile.address
+            }}/>
+        );
+    }
+
+    if(props.userProfile.type==="TEAM"){
+        return (
+            <TeamProfile data={{
+                email: props.userProfile.email,
+                name: props.userProfile.name,
+                members: props.userProfile.members
+            }}/>
+        );
+    }
+
+    return(
+        <Redirect to={"/login"}/>
+    );
+}
+
+export default Profile;
Index: client_app/src/components/profiles/team_profile.js
===================================================================
--- client_app/src/components/profiles/team_profile.js	(revision c9fa4744c6fa9e0c5c3a507ae7801fa5182f4e19)
+++ client_app/src/components/profiles/team_profile.js	(revision c9fa4744c6fa9e0c5c3a507ae7801fa5182f4e19)
@@ -0,0 +1,17 @@
+import React from 'react';
+import {Container, Header, Table, Item, Button} from 'semantic-ui-react'
+import {Link} from "react-router-dom";
+
+const TeamProfile = (props) =>{
+    return(
+        <Container textAlign="left">
+            <Header>Team:</Header>
+            <h3>{props.data.name}</h3>
+            <h2>E-mail: {props.data.email}</h2>
+            <h3>Members: {props.data.members}</h3>
+            <Button primary as={Link} to={"/profile/edit"}>Edit</Button>
+        </Container>
+    );
+}
+
+export default TeamProfile;
Index: client_app/src/components/profiles/user_profile.js
===================================================================
--- client_app/src/components/profiles/user_profile.js	(revision c9fa4744c6fa9e0c5c3a507ae7801fa5182f4e19)
+++ client_app/src/components/profiles/user_profile.js	(revision c9fa4744c6fa9e0c5c3a507ae7801fa5182f4e19)
@@ -0,0 +1,40 @@
+import React from 'react';
+import {Container, Header, Table, Item, Button, Segment} from 'semantic-ui-react'
+import {Link} from "react-router-dom";
+
+const UserDetails = (props) =>{
+    return(
+        <Container textAlign="left">
+            <Header as="h1">Welcome</Header>
+            <Segment>
+                <Header as="h3">{props.data.name} {props.data.surname}</Header>
+                <Header as="h4" color="gray">Mail: {props.data.email}</Header>
+                <Table celled>
+                    <Table.Header>
+                        <Table.Row>
+                            <Table.HeaderCell>Retained Skills:</Table.HeaderCell>
+                            <Table.HeaderCell>Skills to Learn:</Table.HeaderCell>
+                        </Table.Row>
+                    </Table.Header>
+                    <Table.Body>
+                        <Table.Row>
+                            <Table.Cell active>
+                                {props.data.retained.map((value, index) => {
+                                    return <Item key={index}>{value.name}</Item>
+                                })}
+                            </Table.Cell>
+                            <Table.Cell active>
+                                {props.data.toLearn.map((value, index) => {
+                                    return <Item key={index}>{value.name}</Item>
+                                })}
+                            </Table.Cell>
+                        </Table.Row>
+                    </Table.Body>
+                </Table>
+            </Segment>
+            <Button icon="settings" primary as={Link} to={"/user/edit"} />
+        </Container>
+    );
+}
+
+export default UserDetails;
