@team-codeme/crud-forge 0.0.0-stage → 1.0.0

package/fuse-starter-pack/fuse-v21.1/src/app/domains/admin/modules/apps/academy/data/academy.ts

@@ -0,0 +1,753 @@
+import { Injectable } from '@angular/core';
+import {
+  Category,
+  Course,
+} from '@/app/domains/admin/modules/apps/academy/data/model';
+
+@Injectable({ providedIn: 'root' })
+export class AcademyService {
+  private demoContent = `
+<p class="lead">
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aperiam lab et fugiat id magnam minus nemo quam
+    voluptatem. Culpa deleniti explica nisi quod soluta.
+</p>
+<p>
+    Alias animi labque, deserunt distinctio eum excepturi fuga iure labore magni molestias mollitia natus, officia pofro
+    quis sunt temporibus veritatis voluptatem, voluptatum. Aut blanditiis esse et illum maxim, obcaecati possimus
+    voluptate! Accusamus <em>adipisci</em> amet aperiam, assumenda consequuntur fugiat inventore iusto magnam molestias
+    natus necessitatibus, nulla pariatur.
+</p>
+<p>
+    Amet distinctio enim itaque minima minus nesciunt recusandae soluta voluptatibus:
+</p>
+<blockquote>
+    <p>
+        Ad aliquid amet asperiores lab distinctio doloremque <code>eaque</code>, exercitationem explicabo, minus mollitia
+        natus necessitatibus odio omnis pofro rem.
+    </p>
+</blockquote>
+<p>
+    Alias architecto asperiores, dignissimos illum ipsam ipsum itaque, natus necessitatibus officiis, perferendis quae
+    sed ullam veniam vitae voluptas! Magni, nisi, quis! A <code>accusamus</code> animi commodi, consectetur distinctio
+    eaque, eos excepturi illum laboriosam maiores nam natus nulla officiis perspiciatis rem <em>reprehenderit</em> sed
+    tenetur veritatis.
+</p>
+<p>
+    Consectetur <code>dicta enim</code> error eveniet expedita, facere in itaque labore <em>natus</em> quasi? Ad consectetur
+    eligendi facilis magni quae quis, quo temporibus voluptas voluptate voluptatem!
+</p>
+<p>
+    Adipisci alias animi <code>debitis</code> eos et impedit maiores, modi nam nobis officia optio perspiciatis, rerum.
+    Accusantium esse nostrum odit quis quo:
+</p>
+<pre><code>h1 a {
+  display: block;
+  width: 300px;
+  height: 80px;
+}</code></pre>
+<p>
+    Accusantium aut autem, lab deleniti eaque fugiat fugit id ipsa iste molestiae,
+    <a>necessitatibus nemo quasi</a>
+    .
+</p>
+<hr>
+<h2>
+    Accusantium aspernatur autem enim
+</h2>
+<p>
+    Blanditiis, fugit voluptate! Assumenda blanditiis consectetur, labque cupiditate ducimus eaque earum, fugiat illum
+    ipsa, necessitatibus omnis quaerat reiciendis totam. Architecto, <strong>facere</strong> illum molestiae nihil nulla
+    quibusdam quidem vel! Atque <em>blanditiis deserunt</em>.
+</p>
+<p>
+    Debitis deserunt doloremque labore laboriosam magni minus odit:
+</p>
+<ol>
+    <li>Asperiores dicta esse maiores nobis officiis.</li>
+    <li>Accusamus aliquid debitis dolore illo ipsam molettiae possimus.</li>
+    <li>Magnam mollitia pariatur perspiciatis quasi quidem tenetur voluptatem! Adipisci aspernatur assumenda dicta.</li>
+</ol>
+<p>
+    Animi fugit incidunt iure magni maiores molestias.
+</p>
+<h3>
+    Consequatur iusto soluta
+</h3>
+<p>
+    Aliquid asperiores corporis — deserunt dolorum ducimus eius eligendi explicabo quaerat suscipit voluptas.
+</p>
+<p>
+    Deserunt dolor eos et illum laborum magni molestiae mollitia:
+</p>
+<blockquote>
+    <p>Autem beatae consectetur consequatur, facere, facilis fugiat id illo, impedit numquam optio quis sunt ducimus illo.</p>
+</blockquote>
+<p>
+    Adipisci consequuntur doloribus facere in ipsam maxime molestias pofro quam:
+</p>
+<figure>
+    <img
+        src="images/pages/help-center/image-1.jpg"
+        alt="">
+    <figcaption>
+        Accusamus blanditiis labque delectus esse et eum excepturi, impedit ipsam iste maiores minima mollitia, nihil obcaecati
+        placeat quaerat qui quidem sint unde!
+    </figcaption>
+</figure>
+<p>
+    A beatae lab deleniti explicabo id inventore magni nisi omnis placeat praesentium quibusdam:
+</p>
+<ul>
+    <li>Dolorem eaque laboriosam omnis praesentium.</li>
+    <li>Atque debitis delectus distinctio doloremque.</li>
+    <li>Fuga illo impedit minima mollitia neque obcaecati.</li>
+</ul>
+<p>
+    Consequ eius eum excepturi explicabo.
+</p>
+<h2>
+    Adipisicing elit atque impedit?
+</h2>
+<h3>
+    Atque distinctio doloremque ea qui quo, repellendus.
+</h3>
+<p>
+    Delectus deserunt explicabo facilis numquam quasi! Laboriosam, magni, quisquam. Aut, blanditiis commodi distinctio, facere fuga
+    hic itaque iure labore laborum maxime nemo neque provident quos recusandae sequi veritatis illum inventore iure qui rerum sapiente.
+</p>
+<h3>
+    Accusamus iusto sint aperiam consectetur …
+</h3>
+<p>
+    Aliquid assumenda ipsa nam odit pofro quaerat, quasi recusandae sint! Aut, esse explicabo facilis fugit illum iure magni
+    necessitatibus odio quas.
+</p>
+<ul>
+    <li>
+        <p><strong>Dolore natus placeat rem atque dignissimos laboriosam.</strong></p>
+        <p>
+            Amet repudiandae voluptates architecto dignissimos repellendus voluptas dignissimos eveniet itaque maiores natus.
+        </p>
+        <p>
+            Accusamus aliquam debitis delectus dolorem ducimus enim eos, exercitationem fugiat id iusto nostrum quae quos
+            recusandae reiciendis rerum sequi temporibus veniam vero? Accusantium culpa, cupiditate ducimus eveniet id maiores modi
+            mollitia nisi aliquid dolorum ducimus et illo in.
+        </p>
+    </li>
+    <li>
+        <p><strong>Ab amet deleniti dolor, et hic optio placeat.</strong></p>
+        <p>
+            Accusantium ad alias beatae, consequatur consequuntur eos error eveniet expedita fuga laborum libero maxime nulla pofro
+            praesentium rem rerum saepe soluta ullam vero, voluptas? Architecto at debitis, doloribus harum iure libero natus odio
+            optio soluta veritatis voluptate.
+        </p>
+    </li>
+    <li>
+        <p><strong>At aut consectetur nam necessitatibus neque nesciunt.</strong></p>
+        <p>
+            Aut dignissimos labore nobis nostrum optio! Dolor id minima velit voluptatibus. Aut consequuntur eum exercitationem
+            fuga, harum id impedit molestiae natus neque numquam perspiciatis quam rem voluptatum.
+        </p>
+    </li>
+</ul>
+<p>
+    Animi aperiam autem labque dolore enim ex expedita harum hic id impedit ipsa laborum modi mollitia non perspiciatis quae ratione.
+</p>
+<h2>
+    Alias eos excepturi facilis fugit.
+</h2>
+<p>
+    Alias asperiores, aspernatur corporis
+    <a>delectus</a>
+    est
+    <a>facilis</a>
+    inventore dolore
+    ipsa nobis nostrum officia quia, veritatis vero! At dolore est nesciunt numquam quam. Ab animi <em>architecto</em> aut, dignissimos
+    eos est eum explicabo.
+</p>
+<p>
+    Adipisci autem consequuntur <code>labque cupiditate</code> dolor ducimus fuga neque nesciunt:
+</p>
+<pre><code>export const settings = {
+  purge: [],
+  theme: {
+    extend: {},
+  },
+  variants: {},
+  plugins: [],
+}</code></pre>
+<p>
+    Aliquid aspernatur eius fugit hic iusto.
+</p>
+<h3>
+    Dolorum ducimus expedita?
+</h3>
+<p>
+    Culpa debitis explicabo maxime minus quaerat reprehenderit temporibus! Asperiores, cupiditate ducimus esse est expedita fuga hic
+    ipsam necessitatibus placeat possimus? Amet animi aut consequuntur earum eveniet.
+</p>
+<ol>
+    <li>
+        <strong>Aspernatur at beatae corporis debitis.</strong>
+        <ul>
+            <li>
+                Aperiam assumenda commodi lab dicta eius, “fugit ipsam“ itaque iure molestiae nihil numquam, officia omnis quia
+                repellendus sapiente sed.
+            </li>
+            <li>
+                Nulla odio quod saepe accusantium, adipisci autem blanditiis lab doloribus.
+            </li>
+            <li>
+                Explicabo facilis iusto molestiae nisi nostrum obcaecati officia.
+            </li>
+        </ul>
+    </li>
+    <li>
+        <strong>Nobis odio officiis optio quae quis quisquam quos rem.</strong>
+        <ul>
+            <li>Modi pariatur quod totam. Deserunt doloribus eveniet, expedita.</li>
+            <li>Ad beatae dicta et fugit libero optio quaerat rem repellendus./</li>
+            <li>Architecto atque consequuntur corporis id iste magni.</li>
+        </ul>
+    </li>
+    <li>
+        <strong>Deserunt non placeat unde veniam veritatis? Odio quod.</strong>
+        <ul>
+            <li>Inventore iure magni quod repellendus tempora. Magnam neque, quia. Adipisci amet.</li>
+            <li>Consectetur adipisicing elit.</li>
+            <li>labque eum expedita illo inventore iusto laboriosam nesciunt non, odio provident.</li>
+        </ul>
+    </li>
+</ol>
+<p>
+    A aliquam architecto consequatur labque dicta doloremque <code>&lt;li&gt;</code> doloribus, ducimus earum, est <code>&lt;p&gt;</code>
+    eveniet explicabo fuga fugit ipsum minima minus molestias nihil nisi non qui sunt vel voluptatibus? A dolorum illum nihil quidem.
+</p>
+<ul>
+    <li>
+        <p>
+            <strong>Laboriosam nesciunt obcaecati optio qui.</strong>
+        </p>
+        <p>
+            Doloremque magni molestias reprehenderit.
+        </p>
+        <ul>
+            <li>Accusamus aperiam blanditiis <code>&lt;p&gt;</code> commodi</li>
+            <li>Dolorum ea explicabo fugiat in ipsum</li>
+        </ul>
+    </li>
+    <li>
+        <p>
+            <strong>Commodi dolor dolorem dolores eum expedita libero.</strong>
+        </p>
+        <p>
+            Accusamus alias consectetur dolores et, excepturi fuga iusto possimus.
+        </p>
+        <ul>
+            <li>
+                <p>
+                    Accusantium ad alias atque aut autem consequuntur deserunt dignissimos eaque iure <code>&lt;p&gt;</code> maxime.
+                </p>
+                <p>
+                    Dolorum in nisi numquam omnis quam sapiente sit vero.
+                </p>
+            </li>
+            <li>
+                <p>
+                    Adipisci lab in nisi odit soluta sunt vitae commodi excepturi.
+                </p>
+            </li>
+        </ul>
+    </li>
+    <li>
+        <p>
+            Assumenda deserunt distinctio dolor iste mollitia nihil non?
+        </p>
+    </li>
+</ul>
+<p>
+    Consectetur adipisicing elit dicta dolor iste.
+</p>
+<h2>
+    Consectetur ea natus officia omnis reprehenderit.
+</h2>
+<p>
+    Distinctio impedit quaerat sed! Accusamus
+    <a>aliquam aspernatur enim expedita explicabo</a>
+    . Libero molestiae
+    odio quasi unde ut? Ab exercitationem id numquam odio quisquam!
+</p>
+<p>
+    Explicabo facilis nemo quidem natus tempore:
+</p>
+<table class="table table-striped table-bordered">
+    <thead>
+        <tr>
+            <th>Wrestler</th>
+            <th>Origin</th>
+            <th>Finisher</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <td>Bret “The Hitman” Hart</td>
+            <td>Calgary, AB</td>
+            <td>Sharpshooter</td>
+        </tr>
+        <tr>
+            <td>Stone Cold Steve Austin</td>
+            <td>Austin, TX</td>
+            <td>Stone Cold Stunner</td>
+        </tr>
+        <tr>
+            <td>Randy Savage</td>
+            <td>Sarasota, FL</td>
+            <td>Elbow Drop</td>
+        </tr>
+        <tr>
+            <td>Vader</td>
+            <td>Boulder, CO</td>
+            <td>Vader Bomb</td>
+        </tr>
+        <tr>
+            <td>Razor Ramon</td>
+            <td>Chuluota, FL</td>
+            <td>Razor’s Edge</td>
+        </tr>
+    </tbody>
+</table>
+<p>
+    A aliquid autem lab doloremque, ea earum eum fuga fugit illo ipsa minus natus nisi <code>&lt;span&gt;</code> obcaecati pariatur
+    perferendis pofro <code>suscipit tempore</code>.
+</p>
+<h3>
+    Ad alias atque culpa <code>illum</code> earum optio
+</h3>
+<p>
+    Architecto consequatur eveniet illo in iure laborum minus omnis quibusdam sequi temporibus? Ab aliquid <em>“atque dolores molestiae
+    nemo perferendis”</em> reprehenderit saepe.
+</p>
+<p>
+    Accusantium aliquid eligendi est fuga natus, <code>quos</code> vel? Adipisci aperiam asperiores aspernatur consectetur cupiditate
+    <a><code>@distinctio/doloribus</code></a>
+    et exercitationem expedita, facere facilis illum, impedit inventore
+    ipsa iure iusto magnam, magni minus nesciunt non officia possimus quod reiciendis.
+</p>
+<h4>
+    Cupiditate explicabo <code>hic</code> maiores
+</h4>
+<p>
+    Aliquam amet consequuntur distinctio <code>ea</code> est <code>excepturi</code> facere illum maiores nisi nobis non odit officiis
+    quisquam, similique tempora temporibus, tenetur ullam <code>voluptates</code> adipisci aperiam deleniti <code>doloremque</code>
+    ducimus <code>eos</code>.
+</p>
+<p>
+    Ducimus qui quo tempora. lab enim explicabo <code>hic</code> inventore qui soluta voluptates voluptatum? Asperiores consectetur
+    delectus dolorem fugiat ipsa pariatur, quas <code>quos</code> repellendus <em>repudiandae</em> sunt aut blanditiis.
+</p>
+<h3>
+    Asperiores aspernatur autem error praesentium quidem.
+</h3>
+<h4>
+    Ad blanditiis commodi, doloribus id iste <code>repudiandae</code> vero vitae.
+</h4>
+<p>
+    Atque consectetur lab debitis enim est et, facere fugit impedit, possimus quaerat quibusdam.
+</p>
+<p>
+    Dolorem nihil placeat quibusdam veniam? Amet architecto at consequatur eligendi eveniet excepturi hic illo impedit in iste magni maxime
+    modi nisi nulla odio placeat quidem, quos rem repellat similique suscipit voluptate voluptates nobis omnis quo repellendus.
+</p>
+<p>
+    Assumenda, eum, minima! Autem consectetur fugiat iste sit! Nobis omnis quo repellendus.
+</p>
+`;
+  private demoSteps = [
+    {
+      order: 0,
+      title: 'Introduction',
+      subtitle: 'Introducing the library and how it works',
+      content: `<h2>Introduction</h2> ${this.demoContent}`,
+    },
+    {
+      order: 1,
+      title: 'Get the sample code',
+      subtitle: 'Where to find the sample code and how to access it',
+      content: `<h2>Get the sample code</h2> ${this.demoContent}`,
+    },
+    {
+      order: 2,
+      title: 'Create a Firebase project and Set up your app',
+      subtitle:
+        'How to create a basic Firebase project and how to run it locally',
+      content: `<h2>Create a Firebase project and Set up your app</h2> ${this.demoContent}`,
+    },
+    {
+      order: 3,
+      title: 'Install the Firebase Command Line Interface',
+      subtitle: 'Setting up the Firebase CLI to access command line tools',
+      content: `<h2>Install the Firebase Command Line Interface</h2> ${this.demoContent}`,
+    },
+    {
+      order: 4,
+      title: 'Deploy and run the web app',
+      subtitle: 'How to build, push and run the project remotely',
+      content: `<h2>Deploy and run the web app</h2> ${this.demoContent}`,
+    },
+    {
+      order: 5,
+      title: 'The Functions Directory',
+      subtitle: 'Introducing the Functions and Functions Directory',
+      content: `<h2>The Functions Directory</h2> ${this.demoContent}`,
+    },
+    {
+      order: 6,
+      title: 'Import the Cloud Functions and Firebase Admin modules',
+      subtitle: 'Create your first Function and run it to administer your app',
+      content: `<h2>Import the Cloud Functions and Firebase Admin modules</h2> ${this.demoContent}`,
+    },
+    {
+      order: 7,
+      title: 'Welcome New Users',
+      subtitle: 'How to create a welcome message for the new users',
+      content: `<h2>Welcome New Users</h2> ${this.demoContent}`,
+    },
+    {
+      order: 8,
+      title: 'Images moderation',
+      subtitle: 'How to moderate images; crop, resize, optimize',
+      content: `<h2>Images moderation</h2> ${this.demoContent}`,
+    },
+    {
+      order: 9,
+      title: 'New Message Notifications',
+      subtitle: 'How to create and push a notification to a user',
+      content: `<h2>New Message Notifications</h2> ${this.demoContent}`,
+    },
+    {
+      order: 10,
+      title: 'Congratulations!',
+      subtitle: 'Nice work, you have created your first application',
+      content: `<h2>Congratulations!</h2> ${this.demoContent}`,
+    },
+  ];
+  private categories: Category[] = [
+    {
+      id: '9a67dff7-3c38-4052-a335-0cef93438ff6',
+      title: 'Web',
+      slug: 'web',
+    },
+    {
+      id: 'a89672f5-e00d-4be4-9194-cb9d29f82165',
+      title: 'Firebase',
+      slug: 'firebase',
+    },
+    {
+      id: '02f42092-bb23-4552-9ddb-cfdcc235d48f',
+      title: 'Cloud',
+      slug: 'cloud',
+    },
+    {
+      id: '5648a630-979f-4403-8c41-fc9790dea8cd',
+      title: 'Android',
+      slug: 'android',
+    },
+  ];
+  private courses: Course[] = [
+    {
+      id: '694e4e5f-f25f-470b-bd0e-26b1d4f64028',
+      title: 'Basics of Angular',
+      slug: 'basics-of-angular',
+      description: 'Introductory course for Angular and framework basics',
+      category: 'web',
+      duration: 30,
+      totalSteps: 11,
+      updatedAt: 'Jun 28, 2021',
+      featured: true,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 3,
+        completed: 2,
+      },
+    },
+    {
+      id: 'f924007a-2ee9-470b-a316-8d21ed78277f',
+      title: 'Basics of TypeScript',
+      slug: 'basics-of-typeScript',
+      description: 'Beginner course for Typescript and its basics',
+      category: 'web',
+      duration: 60,
+      totalSteps: 11,
+      updatedAt: 'Nov 01, 2021',
+      featured: true,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 5,
+        completed: 3,
+      },
+    },
+    {
+      id: '0c06e980-abb5-4ba7-ab65-99a228cab36b',
+      title: 'Android N: Quick Settings',
+      slug: 'android-n-quick-settings',
+      description: 'Step by step guide for Android N: Quick Settings',
+      category: 'android',
+      duration: 120,
+      totalSteps: 11,
+      updatedAt: 'May 08, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 10,
+        completed: 1,
+      },
+    },
+    {
+      id: '1b9a9acc-9a36-403e-a1e7-b11780179e38',
+      title: 'Build an App for the Google Assistant with Firebase',
+      slug: 'build-an-app-for-the-google-assistant-with-firebase',
+      description: 'Dive deep into Google Assistant apps using Firebase',
+      category: 'firebase',
+      duration: 30,
+      totalSteps: 11,
+      updatedAt: 'Jan 09, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 4,
+        completed: 3,
+      },
+    },
+    {
+      id: '55eb415f-3f4e-4853-a22b-f0ae91331169',
+      title: 'Keep Sensitive Data Safe and Private',
+      slug: 'keep-sensitive-data-safe-and-private',
+      description: 'Learn how to keep your important data safe and private',
+      category: 'android',
+      duration: 45,
+      totalSteps: 11,
+      updatedAt: 'Jan 14, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 6,
+        completed: 0,
+      },
+    },
+    {
+      id: 'fad2ab23-1011-4028-9a54-e52179ac4a50',
+      title: "Manage Your Pivotal Cloud Foundry App's Using Apigee Edge",
+      slug: 'manage-your-pivotal-cloud-foundry-apps-using-apigee-Edge',
+      description: 'Introductory course for Pivotal Cloud Foundry App',
+      category: 'cloud',
+      duration: 90,
+      totalSteps: 11,
+      updatedAt: 'Jun 24, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 6,
+        completed: 0,
+      },
+    },
+    {
+      id: 'c4bc107b-edc4-47a7-a7a8-4fb09732e794',
+      title: 'Build a PWA Using Workbox',
+      slug: 'build-a-pwa-using-workbox',
+      description: 'Step by step guide for building a PWA using Workbox',
+      category: 'web',
+      duration: 120,
+      totalSteps: 11,
+      updatedAt: 'Nov 19, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 0,
+        completed: 0,
+      },
+    },
+    {
+      id: '1449f945-d032-460d-98e3-406565a22293',
+      title: 'Cloud Functions for Firebase',
+      slug: 'cloud-functions-for-firebase',
+      description: 'Beginners guide of Firebase Cloud Functions',
+      category: 'firebase',
+      duration: 45,
+      totalSteps: 11,
+      updatedAt: 'Jul 11, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 3,
+        completed: 1,
+      },
+    },
+    {
+      id: 'f05e08ab-f3e3-4597-a032-6a4b69816f24',
+      title: 'Building a gRPC Service with Java',
+      slug: 'building-a-grpc-service-with-java',
+      description: 'Learn more about building a gRPC Service with Java',
+      category: 'cloud',
+      duration: 30,
+      totalSteps: 11,
+      updatedAt: 'Mar 13, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 0,
+        completed: 1,
+      },
+    },
+    {
+      id: '181728f4-87c8-45c5-b9cc-92265bcd2f4d',
+      title: 'Looking at Campaign Finance with BigQuery',
+      slug: 'looking-at-campaign-finance-with-bigquery',
+      description: 'Dive deep into BigQuery: Campaign Finance',
+      category: 'cloud',
+      duration: 60,
+      totalSteps: 11,
+      updatedAt: 'Nov 01, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 0,
+        completed: 0,
+      },
+    },
+    {
+      id: 'fcbfedbf-6187-4b3b-89d3-1a7cb4e11616',
+      title: 'Personalize Your iOS App with Firebase User Management',
+      slug: 'personalize-your-ios-app-with-firebase-user-management',
+      description: 'Dive deep into User Management on iOS apps using Firebase',
+      category: 'firebase',
+      duration: 90,
+      totalSteps: 11,
+      updatedAt: 'Aug 08, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 0,
+        completed: 0,
+      },
+    },
+    {
+      id: '5213f6a1-1dd7-4b1d-b6e9-ffb7af534f28',
+      title: 'Customize Network Topology with Subnetworks',
+      slug: 'customize-network-topology-with-subnetworks',
+      description: 'Dive deep into Network Topology with Subnetworks',
+      category: 'web',
+      duration: 45,
+      totalSteps: 11,
+      updatedAt: 'May 12, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 0,
+        completed: 0,
+      },
+    },
+    {
+      id: '02992ac9-d1a3-4167-b70e-8a1d5b5ba253',
+      title: 'Building Beautiful UIs with Flutter',
+      slug: 'building-beautiful-uis-with-flutter',
+      description:
+        "Dive deep into Flutter's hidden secrets for creating beautiful UIs",
+      category: 'web',
+      duration: 90,
+      totalSteps: 11,
+      updatedAt: 'Sep 18, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 8,
+        completed: 2,
+      },
+    },
+    {
+      id: '2139512f-41fb-4a4a-841a-0b4ac034f9b4',
+      title: 'Firebase Android',
+      slug: 'firebase-android',
+      description: 'Beginners guide of Firebase for Android',
+      category: 'android',
+      duration: 45,
+      totalSteps: 11,
+      updatedAt: 'Apr 24, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 0,
+        completed: 0,
+      },
+    },
+    {
+      id: '65e0a0e0-d8c0-4117-a3cb-eb74f8e28809',
+      title: 'Simulating a Thread Network Using OpenThread',
+      slug: 'simulating-a-thread-network-using-openthread',
+      description:
+        'Introductory course for OpenThread and Simulating a Thread Network',
+      category: 'web',
+      duration: 45,
+      totalSteps: 11,
+      updatedAt: 'Jun 05, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 0,
+        completed: 0,
+      },
+    },
+    {
+      id: 'c202ebc9-9be3-433a-9d38-7003b3ed7b7a',
+      title: 'Your First Progressive Web App',
+      slug: 'your-first-progressive-web-app',
+      description: 'Step by step guide for creating a PWA from scratch',
+      category: 'web',
+      duration: 30,
+      totalSteps: 11,
+      updatedAt: 'Oct 14, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 0,
+        completed: 0,
+      },
+    },
+    {
+      id: '980ae7da-9f77-4e30-aa98-1b1ea594e775',
+      title: 'Launch Cloud Datalab',
+      slug: 'launch-cloud-datalab',
+      description: 'From start to finish: Launch Cloud Datalab',
+      category: 'cloud',
+      duration: 60,
+      totalSteps: 11,
+      updatedAt: 'Dec 16, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 0,
+        completed: 0,
+      },
+    },
+    {
+      id: 'c9748ea9-4117-492c-bdb2-55085b515978',
+      title: 'Cloud Firestore',
+      slug: 'cloud-firestore',
+      description: 'Step by step guide for setting up Cloud Firestore',
+      category: 'firebase',
+      duration: 90,
+      totalSteps: 11,
+      updatedAt: 'Apr 04, 2021',
+      featured: false,
+      steps: this.demoSteps,
+      progress: {
+        currentStep: 2,
+        completed: 0,
+      },
+    },
+  ];
+
+  data = {
+    categories: this.categories,
+    courses: this.courses,
+  };
+}