diff --git a/Frontend Angular 4/src/app/app-routing.module.ts b/Frontend Angular 4/src/app/app-routing.module.ts
index 156d589f48464848a8055c844f475703b85c56d0..8ab640f1c665489a153d239704437a8283e1b1c6 100755
--- a/Frontend Angular 4/src/app/app-routing.module.ts	
+++ b/Frontend Angular 4/src/app/app-routing.module.ts	
@@ -13,7 +13,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [RouterModule.forRoot(routes)],
+    imports: [RouterModule.forRoot(routes, { useHash: true })],
     exports: [RouterModule]
 })
 export class AppRoutingModule { }
diff --git a/Frontend Angular 4/src/app/layout/grupos/grupos.module.ts b/Frontend Angular 4/src/app/layout/grupos/grupos.module.ts
index 184ff83d5e7a6daabd1d418d1b9ab67fd4e44e71..abcb8ebb12bcf16f151a83c5f703cce050803b3a 100755
--- a/Frontend Angular 4/src/app/layout/grupos/grupos.module.ts	
+++ b/Frontend Angular 4/src/app/layout/grupos/grupos.module.ts	
@@ -9,10 +9,22 @@ import { BootstrapModalModule } from 'ng2-bootstrap-modal';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { CodemirrorModule } from 'ng2-codemirror';
 import { CalificarEntrega } from './calificarEntrega.component';
-import { NotificacionModule } from '../../notificacion/notificacion.module'; 
+import { NotificacionModule } from '../../notificacion/notificacion.module';
+import { I18nModule } from '../../shared/modules/translate/i18n.module';
+import { TitleCaseModule } from '../../shared/modules/titlecase.module';
 
 @NgModule({
-    imports: [CommonModule, GruposRoutingModule, FormsModule,BootstrapModalModule, NgbModule, CodemirrorModule,NotificacionModule],
+    imports: [
+        CommonModule, 
+        GruposRoutingModule,
+        FormsModule,
+        BootstrapModalModule,
+        NgbModule,
+        CodemirrorModule,
+        NotificacionModule,
+        I18nModule,
+        TitleCaseModule
+    ],
     declarations: [GruposComponent, CalificarEntrega],
     exports: [GruposComponent],
     entryComponents: [CalificarEntrega]