diff --git a/assets/js/ProfilePage.jsx b/assets/js/ProfilePage.jsx
index 9453cf7592849897610a26dbeeb1d82b4ce0433d..5ca1eaeb7634fe80c537b3c4e7a247c0def0e71d 100755
--- a/assets/js/ProfilePage.jsx
+++ b/assets/js/ProfilePage.jsx
@@ -68,6 +68,7 @@ export default class ProfilePage extends React.Component {
         latest_work_desc: '',
         github_url: '',
         awards: '',
+        sertifikat:'',
         projects: '',
         certification: '',
         languages: '',
@@ -88,6 +89,7 @@ export default class ProfilePage extends React.Component {
       latest_work_desc: '',
       github_url: '',
       awards: '',
+      sertifikat:'',
       projects: '',
       certification: '',
       languages: '',
@@ -149,6 +151,7 @@ export default class ProfilePage extends React.Component {
           skills: data.skills,
           github_url: data.github_url,
           awards: data.awards,
+          sertifikat: data.sertifikat,
           projects: data.projects,
           certification: data.certification,
           languages: data.languages,
@@ -713,6 +716,13 @@ export default class ProfilePage extends React.Component {
   }
 
   render() {
+    const sertifikat_exists = this.state.sertifikat;
+    let sertifikat_state;
+    if(sertifikat_exists){
+      sertifikat_state = <p>Sertifikat sudah ada</p>;
+    } else{
+      sertifikat_state = <p>Sertifikat belum ada</p>;
+    }
     const defaultPicture =
       'https://semantic-ui.com/images/wireframe/square-image.png';
     return (
@@ -1000,6 +1010,17 @@ export default class ProfilePage extends React.Component {
                     </Grid>
                   </Segment>
 
+                  <Segment basic vertical>
+                    <Grid>
+                      <Grid.Column width={2}>
+                        <Icon name="trophy" size="big" />
+                      </Grid.Column>
+                      <Grid.Column width={13}>
+                        {sertifikat_state}
+                      </Grid.Column>
+                    </Grid>x
+                  </Segment>
+
                   <Segment basic vertical>
                     <Grid>
                       <Grid.Column width={2}>
diff --git a/assets/js/__test__/ProfilePage-test.jsx b/assets/js/__test__/ProfilePage-test.jsx
index 976919ad4aae36b66c4c7bad262ddffc035dbcf2..613138ee03b9f7992a60a059e8868ba10572e46a 100755
--- a/assets/js/__test__/ProfilePage-test.jsx
+++ b/assets/js/__test__/ProfilePage-test.jsx
@@ -39,6 +39,15 @@ const studentUserVerified = {
   },
 };
 
+describe('Sertifikat', () => {
+  it('render sertifikat', () => {
+    const sertifikat = ReactTestUtils.renderIntoDocument(
+        <p>Sertifikat belum ada</p>,
+    );
+    expect(sertifikat).to.exist;
+  });
+});
+
 describe('ProfilePage', () => {
   it('renders without problem', () => {
     fetchMock.get('*', response);