• Home Page

Sekarang kita akan membuat homepage untuk user

Controller

Silahkan buat file bernama Home.php didalam folder app/controllers, paste kode dibawah ini ke file tersebut


Model

Buka folder app/models buat file baru bernama Barang_model.php, lalu paste kode dibawah ini ke file tersebut


HTML

Setelah membuat model dan controller nya sekarang kita akan buat template untuk header dan footer. Silahkan buat file bernama header.php di folder app/views/templates dan footer.php di folder yang sama, paste kode dibawah ke masing-masing file.

untuk header.php 

untuk footer.php  


Setelah membuat template nya kita akan buat home pagenya. Silahkan buat folder di folder app/views bernama user didalamnya buat file home.php. Paste kode dibawah ini ke file tersebut.


 JS

Buka folder public/js buatlah folder baru bernama utils, didalam folder utils buat file index.js dan constants.js . Isi dua file tersebut dengan kodingan dibawah ini.

untuk file index.js
 
untuk file constanst.js


Setelah itu buat file namanya index.js di folder public/js, paste kode dibawah ke file tersebut.


CSS

Buka folder public/css dan buatlah 5 file baru bernama:  base.css, home.css, button.css, card.css, nav.css. paste kode dibawah ke file masing-masing.

untuk base.css


untuk home.css


untuk button.css


untuk card.css


untuk nav,css


Assets

Untuk asset seperti gambar dan icon nya download disini, setelah download langsung extract dan taro di folder public, timpa dengan folder assets yang kalian buat tadi.

Sekarang coba cek http://localhost/e-commerce/public/home kalo tampilan nya sudah seperti dibawah ini berarti sudah selesai homepage nya.