Page, Component & Pipe

[mic8]

Pastikan kamu serve aplikasi ubud: nx serve ubud-web (untuk test case ini akan dilakukan di apps/ubud/web/src (pastikan kamu mengubah source codemu pada aplikasi ini)

Susun satu halaman di app.component.html dengan spesifikasi sebagai berikut:

1. Buat component-component berikut ke dalam folder libs/element/common/src/lib/modules/components (library):
   • navbar (untuk menu top / atas)
   • sidebar (untuk menu sebelah kiri)

setelah ditambahkan component2 tersebut, silahkan implementasikan ke halaman app.component.html di aplikasi

2. setelah component2 ditambahkan maka selanjutnya kamu bisa mengubah konten bagian kanan sidebar dengan mengisi konten tersebut dengan paragraf untuk sumber paragram silahkan ambil disini: https://www.lipsum.com/

3. di bawah text tambahkan 1 section untuk menampilkan artikel lainnya (gunakan card yang ada di element libs), setiap card pastikan kamu memunculkan judul (text heading), dan sub title (text singkat), untuk bagian sub title pastikan kamu menggunakan pipe untuk truncate textnya (maximal 100 karakter), contoh: Lorem ipsum dolor sit amet de par..... (text keseluruhan: Lorem ipsum dolor sit amet de param static) -> jadi apabila text melebihi 100 karakter akan ada suffix ....

untuk ekspektasi layout halaman bisa dilihat seperti ini:

untuk ekspektasi card artikel bisa dilihat seperti ini:

catatan: semua element yang kamu tambahkan silahkan ditambahkan di libs/element/common dulu saja ya

sumber:

• https://angular.io/
• https://angular.io/guide/component-overview
• https://angular.io/api/core/Pipe
• https://tailwindcss.com/docs/container
• https://tailwindcss.com/docs/box-shadow-color
• https://tailwindcss.com/docs/flex
• https://tailwindcss.com/docs/border-radius
• https://tailwindcss.com/docs/grid-template-columns
• https://nx.dev/getting-started/nx-and-angular
• https://nx.dev/angular-tutorial/01-create-application
• https://nx.dev/angular-tutorial/03-display-todos
• https://nx.dev/generators/using-schematics
• https://nx.dev/generators/creating-files

[StevenTaniardi]

Nama : Steven Taniardi Link : https://github.com/steventaniardi/ubud

[MarvelCollin]

Nama : Marvel Collin Link : https://github.com/MarvelCollin/ubud

[erickchann]

Nama: Erick Chandra Pull Request: #5 Repo: https://github.com/erickchann/ubud

[HB-JK]

Nama: Julius Kayne Pull Request: #4 Repo: https://github.com/HB-JK/ubud

[andywinsen]

Nama: Andy Winsen Pull Request: #7 Repo: https://github.com/andywinsen/ubud

[VanillaCreams]

Nama: Evotianus Pull Request: #9 Repo: https://github.com/Evotianus/ubud

[NDKS20]

Nama: Nicodemus Kevin Saputra Pull Request: #12 Repo: https://github.com/NDKS20/ubud

[Gracela6663]

Nama : Gracela Valencia Pull Request : #13 Repo : https://github.com/Gracela6663/ubud

[myoshuu]

Nama : Joevano Pull Request : #14 Repo : https://github.com/Myoshuu/ubud