Mebuat aplikasi catatan pribadi dengan javascript tanpa database. - Belajar Web
News Update
Loading...

Senin, 01 Februari 2021

Mebuat aplikasi catatan pribadi dengan javascript tanpa database.

hallo temen-temen.. kali ini saya akan membagikan aplikasi catatan pribadi. yaitu aplikasi yang berguna untuk menyimpan catatan pribadi kalian. namun, aplikasi ini saya buat secara sederhana saja ya temen-temen. karena memang hanya untuk belajar dan bukan untuk penggunaan komersial.

aplikasi ini dibuat dengan menggunakan html dan javascript. aplikasi ini dibuat tanpa menggunakan database. karena, aplikasi ini hanya menggunakan local storage browser yang kalian gunakan. bisa juga dikatakan sepert cache broser. 

sehingga, jika kalian clear cache atau menginstall ulang browser kalian, tentu hal tersebut akan membuat data catatan di aplikasi ini akan hilang juga. hal tersebut juga akan terjadi jika kalian membuka aplikasi ini dengan menggunakan aplikasi browser yang berbeda.

untuk tampilannya, dapat kalian lihat pada gambar diatas ya. untuk mendownloadnya, silahkan klik link https://github.com/mohammn/catatanPribadi . maka akan tampil seperti dibawah ini.

untuk mendownloadnya, silahkan klik tombol "Code" hijau. lalu klik download zip. setelah berhasil, slihkan ekstrak saja. lalu buka file "index.html" menggunakan browser. maka aplikasi sederhana ini akan terbuka.

pada awal membuka, nanti anda akan diminta untuk membuat password baru. seperti pada gambar dibawah ini.



untuk menambah catatan, kalian bisa klik nama di pojok kiri atas. seperti dibawah ini.


maka akan tampil form seperti dibawah ini. 


silahkan isi nama kalian di kolom "nama saya". masukkan password lama pada kolom "konfir pass" untuk memastikan jika itu anda. jika ingin mengubah password anda, kalian tinggal isi password baru di kolom "pass" dan "konfir pass". lalu klik ubah.

untuk menambah catatan, silahkan isi judul di kolom "judul catatan". kemudian pilih foto di input pemilihan file. kemudian. masukkan catatan harian kalian di kolom paling besar. setelah selesai, silahkan klik tombol tambah.

untuk menghapus catatan, kalian juga bisa melakukannya di tab pengaturan ini. yaitu dengan meng klik tombol "x" merah pada catatan yang kalian inginkan.

khusus untuk pemilihan gambar, maka pastikan gambar atau fotonya kalian pindah dulu secara manual di folder "foto" yang ada di aplikasi catatan pribadi ini. seperti dibawah ini.

untuk melihat catatan kalian, kalian tinggal klik saja pada catatan yang ingin kalian lihat pada daftar catatan yang tampil dihalaman awal seperti gambar pertama diatas. maka akan tampil seperti dibawah ini.


Nah, itu dia temen-temen. memang sederhana karena tidak ada fungsi-fungsi khusus. tapi saya harap dapat bermanfaat bagi kita semua. terutama bagi kalian yang sedang menuntut ilmu. terimakasih :)

Share with your friends


Notification
This is just an example, you can fill it later with your own note.
Done