Notes Apps

Proyek Akhir: Membangun Aplikasi Catatan Menggunakan React

Kriteria Utama 1: Mampu Menampilkan Daftar Catatan

• Aplikasi harus mampu menampilkan daftar catatan dengan data awal (initial data) yang telah kami sediakan.
• Memanfaatkan state component untuk menyimpan data catatan.
• Menggunakan teknik array map untuk menampilkan daftar catatan.

Kriteria Utama 2: Mampu Menambahkan Catatan

• Aplikasi harus mampu menambahkan data catatan baru.
• Memanfaatkan controlled component dalam membuat form input.
• Data catatan disimpan cukup pada memori saja (akan hilang jika browser di-refresh).
• Data catatan yang disimpan merupakan objek JavaScript dengan struktur berikut

Kriteria Utama 3: Mampu Menghapus Catatan

• Aplikasi harus menyediakan tombol hapus untuk menghapus data catatan yang disimpan.
• Terdapat conditional rendering di mana bila tidak terdapat data catatan, maka UI menampilkan pesan “Tidak ada catatan” atau pesan apa pun yang mengindikasikan data catatan kosong.

Website View

Mobile View

Tech Stack

1. React
2. TypeScript
3. Tailwind UI

How to run

1. Clone this Repository

git clone https://github.com/bimamib/notes-app.git

2. Install NPM

npm install

3. Run

npm run dev

4. Open

https://localhost:5173/

in your browser 🚀