Skip to content

anugrahiman5/Ionic-Calendar

 
 

Repository files navigation

Ionic calendar

Aplikasi kalendar menggunakan framework Ionic versi 4
Demo Aplikasi
Ebook Aplikasi

Dibuat oleh Kelompok 3


Log pada aplikasi Chrome


Instalasi yang diperlukan

  • Angular calendar

Angular calendar digunakan sebagai dasar dari aplikasi ini. Karena aplikasi ini memang aplikasi kelender. Untuk dokumentasi angular calendar dapat dibuka pada tautan berikut Untuk menginstall npm calendar dapat menjalankan perintah berikut pada terminal.

npm install --save angular-calendar date-fns

Untuk mendukung angular calendar diperlukan juga animations

npm install @angular/animations

  • Flat Pickr

Flat pickr digunakan untuk merujuk tanggal berapa hari ini. Tidak hanya itu flat pickr juga digunakan untuk menampilkan acara-acara dihari yang sudah ditetapkan. Untuk dokumentasi dapat diakses pada tautan berikut Untuk menginstall dapat menjalankan perintah berikut pada terminal.

npm install --save flatpickr angularx-flatpickr

  • Moment

Moment digunakan untuk menghitung selisih waktu antara waktu awal dan waktu akhir. Dokumentasi moment dapat di akses pada tautan berikut. Untuk menginstall dapat menjalankan perintah berikut pada terminal

npm install moment --save

  • Firebase

Firebase merupakan database dari aplikasi ini. Semua event akan tersimpan pada firebase. Dokumentasi angular firebase dapat diakses pada tautan berikut Untuk menginstall dapat menjalankan perintah berikut pada terminal

npm install firebase @angular/fire --save

  • Lodash

Dokumentasi berikut Untuk menginstall dapat menjalankan perintah berikut pada terminal

npm install lodash --save

  • Local notification

Local notification digunakan untuk menampilakn notifikasi. Local notification support untuk Android, IOS, dan Windows. Untuk dokumentasi dapat diakses pada tautan berikut Untuk menginstall dapat menjalankan perintah berikut pada terminal

npm install @ionic-native/local-notifications

Tampilan Aplikasi





Bug Aplikasi

Aplikasi ini masih memiliki bug yaitu ketika pertama kali menginstal, kalender tidak dapat ditampilkan. Tetapi setelah menambahkan suatu event aplikasi dapat berjalan normal

About

Aplikasi kalender menggunakan ionic

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 57.0%
  • CSS 24.5%
  • HTML 15.7%
  • JavaScript 2.8%