diff --git a/package-lock.json b/package-lock.json
index 3f6c4293..c6741821 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4281,7 +4281,8 @@
         "safe-buffer": {
           "version": "5.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -4379,12 +4380,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 61253a90..d2cf5e81 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,2 +1,2 @@
 <app-nav></app-nav>
-<router-outlet></router-outlet>
+<router-outlet></router-outlet>
\ No newline at end of file
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index edc881aa..3a7848af 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -2,14 +2,12 @@
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { BrowserModule } from '@angular/platform-browser';
 import { FormsModule } from '@angular/forms';
-import { HighchartsChartModule} from 'highcharts-angular';
 import { HttpClientModule } from '@angular/common/http';
 import { HttpModule } from '@angular/http';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { ReactiveFormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 import { NavModule } from './nav.module';
-import { Ng5SliderModule } from 'ng5-slider';
 import { NgModule } from '@angular/core';
 
 // Importing the routes from app routes
@@ -113,13 +111,11 @@ import { RoleGuard } from './role-guard';
     BrowserAnimationsModule,
     BrowserModule,    
     FormsModule,        
-    HighchartsChartModule,
-    HttpClientModule,
+    HttpClientModule,  
     HttpModule,
     NavModule,
     NgbModule.forRoot(),
     NgxPaginationModule,
-    Ng5SliderModule,
     ReactiveFormsModule,
     RouterModule.forRoot(routes, { useHash: true }),
   ],
diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 9fb74580..c8637f5f 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -9,6 +9,7 @@ import { PassFailComponent } from './components/pass-fail/pass-fail.component';
 import { ScreeningConfigComponent } from './components/screening-config/screening-config.component';
 import { ScreeningComponent } from './components/screening/screening.component';
 import { QuestionComponent } from './components/question/question.component';
+import { HardestQuestionsComponent } from './components/reports/hardest-questions/hardest-questions.component';
 import { AverageSkillComponent } from './components/reports/average-skill/average-skill.component';
 import { MasterReportComponent } from './components/reports/master-report/master-report.component';
 
@@ -21,6 +22,10 @@ export const routes: Routes = [
     path: 'reports',
     component: MasterReportComponent
   },
+  {
+    path:'reports',
+    component: HardestQuestionsComponent,
+  },
   {
     path: 'screening',
     component: ScreeningComponent,
diff --git a/src/app/components/question/question.component.ts b/src/app/components/question/question.component.ts
index 44b0b5dc..adcee00b 100644
--- a/src/app/components/question/question.component.ts
+++ b/src/app/components/question/question.component.ts
@@ -55,7 +55,7 @@ export class QuestionComponent implements OnInit {
   public tagsCollapsed = true;
 
 
-
+ 
   ngOnInit() {
     this.currentBucket = this.bucketService.getCurrentBucket();
     this.question = new Question();
diff --git a/src/app/components/reports/hardest-questions/hardest-questions.component.css b/src/app/components/reports/hardest-questions/hardest-questions.component.css
index 3bb0ca24..f8c75bdb 100644
--- a/src/app/components/reports/hardest-questions/hardest-questions.component.css
+++ b/src/app/components/reports/hardest-questions/hardest-questions.component.css
@@ -1,8 +1,3 @@
-article {
-    border: 1px solid black;
-    font-family: "Helvetica Neue", Helvetica, sans-serif; 
-}
-
 h1 {
     margin: 5px;
 }
diff --git a/src/app/components/reports/hardest-questions/hardest-questions.component.ts b/src/app/components/reports/hardest-questions/hardest-questions.component.ts
index 54160121..32718b27 100644
--- a/src/app/components/reports/hardest-questions/hardest-questions.component.ts
+++ b/src/app/components/reports/hardest-questions/hardest-questions.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit, Input } from '@angular/core';
+//import { reportsService} from 'services/reports'  ;
 
 @Component({
   selector: 'app-hardest-questions',
diff --git a/src/app/components/reports/hardest-questions/hqlist.ts b/src/app/components/reports/hardest-questions/hqlist.ts
new file mode 100644
index 00000000..ea92b166
--- /dev/null
+++ b/src/app/components/reports/hardest-questions/hqlist.ts
@@ -0,0 +1,96 @@
+export class hqlist implements OnInit {
+ 
+
+    // [
+    // "What are the sublanguages of SQL?",
+    // "What are the primary JDBC interfaces?",
+    // "What is the difference between statements and prepared statements and why would we prefer one over the other?",
+    // "What values are falsey in JavaScript?",
+    // "What is SOAP?"
+    // ];
+    // [
+    // "What is the difference betwwen JRE, JDK, and JVM?",
+    // "What are the sublanguages of SQL?",
+    // "What is the doctype declaration in HTML?",
+    // "What is ECMA script?",
+    // "What are template literals and arrow notation?"
+    // ];
+    // [
+    // "What is the purpose of angular?",
+    // "What are the primary JDBC interfaces?",
+    // "What is the difference between statements and prepared statements and why would we prefer one over the other?",
+    // "What values are falsey in JavaScript?",
+    // "What is SOAP?"
+    // ];
+    // [
+    // "What are the sublanguages of SQL?",
+    // "What are the primary JDBC interfaces?",
+    // "What is the difference between statements and prepared statements and why would we prefer one over the other?",
+    // "What values are falsey in JavaScript?",
+    // "What is SOAP?"
+    // ];
+    // [
+    // "What are the sublanguages of SQL?",
+    // "What are the primary JDBC interfaces?",
+    // "What is the difference between statements and prepared statements and why would we prefer one over the other?",
+    // "What values are falsey in JavaScript?",
+    // "What is SOAP?"
+    // ];
+    // [
+    // "What are the sublanguages of SQL?",
+    // "What are the primary JDBC interfaces?",
+    // "What is the difference between statements and prepared statements and why would we prefer one over the other?",
+    // "What values are falsey in JavaScript?",
+    // "What is SOAP?"
+    // ];
+    // [
+    // "What are the sublanguages of SQL?",
+    // "What are the primary JDBC interfaces?",
+    // "What is the difference between statements and prepared statements and why would we prefer one over the other?",
+    // "What values are falsey in JavaScript?",
+    // "What is SOAP?"
+    // ];
+    // [
+    // "What are the sublanguages of SQL?",
+    // "What are the primary JDBC interfaces?",
+    // "What is the difference between statements and prepared statements and why would we prefer one over the other?",
+    // "What values are falsey in JavaScript?",
+    // "What is SOAP?"
+    // ];
+    // [
+    // "What are the sublanguages of SQL?",
+    // "What are the primary JDBC interfaces?",
+    // "What is the difference between statements and prepared statements and why would we prefer one over the other?",
+    // "What values are falsey in JavaScript?",
+    // "What is SOAP?"
+    // ];
+    // [
+    // "What are the sublanguages of SQL?",
+    // "What are the primary JDBC interfaces?",
+    // "What is the difference between statements and prepared statements and why would we prefer one over the other?",
+    // "What values are falsey in JavaScript?",
+    // "What is SOAP?"
+    // ];
+    // [
+    // "What are the sublanguages of SQL?",
+    // "What are the primary JDBC interfaces?",
+    // "What is the difference between statements and prepared statements and why would we prefer one over the other?",
+    // "What values are falsey in JavaScript?",
+    // "What is SOAP?"
+    // ];
+    // [
+    // "What are the sublanguages of SQL?",
+    // "What are the primary JDBC interfaces?",
+    // "What is the difference between statements and prepared statements and why would we prefer one over the other?",
+    // "What values are falsey in JavaScript?",
+    // "What is SOAP?"
+    // ];
+
+  constructor() {
+
+  }
+
+  ngOnInit() {
+  }
+
+}
\ No newline at end of file