Cartify adalah sebuah platform e-commerce yang memungkinkan pengguna untuk mencari produk, menambahkannya ke keranjang belanja, serta memilih metode pembayaran dan pengiriman. Proyek ini dibuat menggunakan HTML, CSS (Bootstrap), serta JavaScript untuk fungsionalitas interaktif.
-
Pencarian Produk
Pengguna dapat mencari produk dengan mudah melalui fitur pencarian yang terdapat di bagian header. -
Filter dan Pengurutan Produk
Tersedia opsi untuk memfilter produk berdasarkan kategori dan mengurutkan produk berdasarkan harga atau diskon. -
Keranjang Belanja
Pengguna dapat menambahkan produk ke dalam keranjang belanja dan mengatur alamat pengiriman serta metode pembayaran. -
Modal Kebijakan
Pengguna dapat mengakses kebijakan belanja yang mencakup pengembalian barang, privasi pengguna, metode pembayaran, dan ketentuan pengiriman melalui tombol "Kebijakan". -
Footer
Footer berisi informasi hak cipta dan kebijakan, dengan pesan berbunyi "2024 Ini Toko Online. All rights reserved."
-
HTML5
Untuk struktur dasar halaman web. -
CSS
- Bootstrap
Untuk beberapa komponen UI seperti tombol dan modal.
- Bootstrap
-
JavaScript
Untuk menangani interaksi dan fungsionalitas seperti pencarian produk, modals, dan pengaturan keranjang belanja. -
Font Awesome
Untuk ikon sosial media dan fitur UI. -
SweetAlert2
Untuk menampilkan alert pop-up yang interaktif.
-
Clone repository ini ke mesin lokal Anda:
git clone https://github.com/AlpianPPLG/Cartify
-
Buka folder proyek:
cd Cartify -
Buka file
index.htmldi browser favorit Anda untuk melihat aplikasi berjalan.
-
Cari Produk
Masukkan kata kunci pada kolom pencarian yang ada di bagian atas halaman untuk menemukan produk. -
Filter Produk
Pilih kategori produk melalui dropdown "Semua Kategori" untuk memfilter produk. -
Tambah ke Keranjang
Klik tombol "Masukkan ke Keranjang" pada halaman detail produk untuk menambahkannya ke keranjang. -
Checkout
Setelah menambah produk ke keranjang, klik tombol "Beli Sekarang" dan masukkan alamat pengiriman serta pilih metode pembayaran dan pengiriman. -
Akses Kebijakan
Klik tombol "Kebijakan" untuk melihat modal yang berisi kebijakan toko.
Jika Anda ingin berkontribusi pada proyek ini, Anda dapat mengikuti langkah-langkah berikut:
- Fork repository ini.
- Buat branch untuk fitur baru (
git checkout -b fitur-anda). - Commit perubahan Anda (
git commit -am 'Menambahkan fitur baru'). - Push branch Anda (
git push origin fitur-anda). - Buat pull request untuk menggabungkan perubahan Anda ke branch utama.
Proyek ini dilisensikan di bawah MIT License.
Dengan README ini, pengguna dan kontributor proyek dapat dengan mudah memahami fitur yang ada, cara instalasi, dan cara berkontribusi pada proyek. Kamu bisa menyesuaikan beberapa bagian sesuai dengan perubahan yang dilakukan pada proyek.