/notnot-notes-app

Integrasi notes app dengan fetch dan webpack. Notes API by Dicoding

Primary LanguageJavaScript

Notnot notes page

Notnot notes app merupakan projek pembuatan single web page mengenai aplikasi pencatatan. Proyek ini adalah tugas submission kelas “Fundamental front-end web development” pada Dicoding.

Proyek dikerjakan dengan tools:

  • HTML
  • CSS
  • Javascript
  • Fontawesome
  • Webpack
  • Babel
  • Prettier

Dengan kriteria:

  • Menampilkan Daftar Catatan dengan Baik
  • Formulir Tambah Catatan
  • CSS Grid sebagai Metode Layouting
  • Bangun Komponen UI dengan Web Component
  • Memanfaatkan RESTful API sebagai Sumber Data
  • Menggunakan webpack sebagai Module Bundler
  • Menggunakan Fetch API
  • Memiliki Indikator Loading
  • Memiliki Tampilan yang Menarik (Nilai tambahan)
  • Menerapkan Realtime Validation pada Formulir (Nilai tambahan)
  • Menerapkan Custom Attribute pada Custom Element (Nilai tambahan)
  • Memiliki Tampilan yang Responsive di Berbagai Perangkat (Nilai tambahan)
  • Memiliki Fitur Arsip Catatan (Nilai tambahan)
  • Menampilkan Feedback Saat Terjadi Error (Nilai tambahan)

Live Page

Notnot notes app page

Installation

Untuk menggunakan repository ini secara lokal silahkan install semua dependencies yang dibutuhkan terlebih dahulu.

Menggunakan NPM

  npm install

Script

Bundling project (production)

  npm run build

Bundling project (development) dan menjalankan proyek di localhost

  npm run start-dev