Firebase & AngularFire In Depth

Author: Your Name

src/app/app-routing.module.ts

@@ -28,7 +28,7 @@ const routes: Routes = [
     {
         path: 'create-course',
         component: CreateCourseComponent,
-        //canActivate: [AngularFireAuthGuard],
+        canActivate: [AngularFireAuthGuard],
         data: {
             authGuardPipe: adminOnly
         }

src/environments/environment.ts

@@ -4,7 +4,7 @@
 
 export const environment = {
   production: false,
-  useEmulators: false,
+  useEmulators: true,
   firebase: {
       apiKey: "AIzaSyB9LOREMGhj1jpVXOHTKIwQu2oM7pVfjQg",
       authDomain: "fir-course-recording-c7f3e.firebaseapp.com",

storage.rules

@@ -1,10 +1,16 @@
 rules_version = '2';
+
 service firebase.storage {
 
   match /b/{bucket}/o {
 
-    match /{allPaths=**} {
-      allow read, write: if request.auth!=null;
+    match /courses/{courseId}/{fileName} {
+
+        allow read;
+
+        allow write: if request.auth != null &&
+                    request.resource.size < 5 * 1024 * 1024;
+
     }
 
   }