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)
Untuk menggunakan repository ini secara lokal silahkan install semua dependencies yang dibutuhkan terlebih dahulu.
Menggunakan NPM
npm install
Bundling project (production)
npm run build
Bundling project (development) dan menjalankan proyek di localhost
npm run start-dev