Online Grocery Store

Toko online-grosir

Online Grocery Store adalah aplikasi web berbasis eCommerce untuk proyek pemrograman web kami. Kami telah mengembangkan sampel di mana pengguna dapat mencari dan menemukan informasi yang diperlukan tentang item bahan makanan, dapat melanjutkan ke checkout untuk membeli produk. Pengguna dapat membuat akun, memperbarui informasi pribadi, dapat memeriksa kegiatan masa lalu, pesanan dan transaksi, dan item gerobak.

Repositori GitHub

https://github.com/parasgarg/online-grocery-store/

Presentasi Proyek

https://drive.google.com/file/d/0b79vfv-wa7ezme9wvmsxtepzmjg/view?usp=sharing

Teknologi digunakan

Frontend Languages: HTML, CSS, dan JavaScript sisi klien Framework: Bootstrap Frontend Library: JQuery Backend: Server-sisi JavaScript backend Framework: NODEJS dan NPM Database: MS MongoDB Perpustakaan Lainnya: Tota11y, dan HTML Validator Tools: MS Visual, MS Visual Libraries: Tota11y, dan HTML Validator: MS Visual, MS Visual, MS VISUNGAN, MS MSALEDBRARY LAIN: Panel: MS MSALET: MS MSEL, MS MSULTAN: MS: MS VALUAL, MS MSULT: MS VISUAL, MS MSULBRARY: HTML:

Konfigurasi Sistem

1. Instal Nodejs
2. Instal MongoDB 3.4 Versi Stabil
3. Instal Code Editor (Kode Visual MS yang Disarankan)
4. Instal Paket NPM

Paket NPM

"Bcrypt": "^1.0.2", "Body-Parser": "^1.17.1", "Connect-Flash": "^0.1.1", "Cookie-Parser": "^1.4.3", "Cookie-Session": ""^2.0.0-Beta.1 "," Express ":"^4.15.2, "" ":" "," "", "" "," "", "", "", "", "", "", "", " "^0.1.0", "Express-Passport-Logout": "^0.1.0", "Express-Session": "^1.15.2", "setang-intl": "^1.1.2", "paginate setang": "", ". "Path": "^0.12.7", "Randomstring": "^1.1.5", "UUID": "^3.0.1", "Validator": "^7.0.0", "xss": "^0.3.3"

Inisialisasi Proyek

Setelah menginstal dan konfigurasi sistem dan lingkungan. Ikuti langkah -langkah untuk menjalankan proyek -

1. Impor koleksi "Produk" dari folder basis data untuk mendapatkan database sampel. (Catatan: Anda juga dapat mengimpor koleksi lain jika Anda ingin memulihkan data dari pengguna dan pengguna kegiatan lain tetapi untuk penyebaran baru tidak perlu mengimpor koleksi lain karena akan dibuat pada waktu run).
2. Pastikan Anda telah menginstal semua paket node di folder root untuk menggunakan proyek.
3. Server Express harus diinisial oleh NPM Manager di LocalHost: 3000 dengan mendorong Commnad "NPM Start".

Fitur Inti Proyek

1. Pendaftaran Pengguna/Signin: Pengguna perlu membuat akun untuk melakukan segala jenis pembelian tetapi untuk memeriksa proyek dan pencarian lainnya tidak mengharuskan pengguna untuk masuk. Pengguna pertama harus didaftarkan dan masuk untuk memeriksa kegiatan terbaru, transaksi, akses elektronik elektronik, dan keranjang item. Untuk membuat pengguna akun perlu mengklik tombol pendaftaran memenuhi semua persyaratan Formulir Buat untuk mendapatkan terdaftar di kami. Jika Anda ingin masuk, ia harus masuk dan memberikan kredensial yang telah diatur bersama kami. Jika pengguna lupa kata sandinya, kami menyediakan modul untuk meregenerasi kata sandi baru. Tautan untuk modul lupa dapat ditemukan di Masuk.

2. Dasbor Pengguna: Untuk mengubah informasi pengguna dan pengaturan lainnya, kami telah mengembangkan modul di panel dasbor tetapi pengguna juga dapat menemukan semua opsi ini di sudut kanan atas halaman ketika pengguna mengklik namanya.

   2.1 Pengaturan Akun: Modul ini menyediakan panel untuk mengubah informasi profil dan kata sandi pengguna. 2.2 Pengaturan Pembayaran: Modul ini membantu pengguna untuk menyimpan informasi kartu dengan kami untuk fungsi gaji dan pesanan yang mudah. 2.3 Pengaturan Dompet: Dalam modul ini pengguna dapat mempertahankan e-cash-nya dengan menambahkan lebih banyak uang tunai atau pembelian item tanpa menggunakan informasi kartu apa pun. Pengguna dapat menambahkan uang tunai dari kartu yang disimpan, atau menggunakan selain kartu simpan tetapi pengguna dapat menambahkan maksimum $ 1000 pada satu transaksi dan keseluruhan $ 10000 diizinkan. Pada saat yang sama pengguna dapat memeriksa aktivitas dompet dan detailnya di halaman yang sama. 2.4 Sejarah Pesanan: Fitur ini membantu pengguna untuk memeriksa semua pembelian sebelumnya dan detail lainnya seperti, tanggal pembelian, produk yang dibeli, dan informasi pembayaran. 2.5 Nawala: Pengguna dapat mengelola dan berlangganan atau berhenti berlangganan neweletter kami. 2.6 Logout: Pengguna dapat berhasil masuk untuk menghindari eksploitasi akunnya.

3. Keranjang Pengguna: Pengguna dapat menambahkan item atau menghapus item atau mengedit quatity untuk setiap item (maksimum 5 jumlah per produk diizinkan). Di sini pengguna dapat memeriksa total informasi pembayaran dan melanjutkan ke checkout.

4. Produk SEACH: Pengguna dapat menggunakan dengan mengetik produk, ID, nama, merek, dan kategori di bilah pencarian yang ada di bagian atas halaman.

5. Pencarian yang difilter: Pengguna dapat memperbaiki pencariannya sesuai dengan kisaran harga dan kategori. Fitur ini akan tersedia dalam hasil pencarian.

6. Pencarian Kategori: Pengguna dapat secara langsung mencari produk sesuai dengan kategorinya dengan memilih kategori di sudut atas halaman tepat di sebelah logo.

7. Informasi Produk: Pengguna dapat memeriksa informasi produk dengan mengklik tajuk atau tombol tampilan yang diberikan pada setiap thumbnail produk dan menemukan lebih banyak tentang produk dan dapat menambahkannya ke keranjangnya dengan mengklik tombol Tambah ke Keranjang di bawah gambar tampilan item.

8. Lainnya: Kami telah menerapkan gateway palsu di mana pengguna dapat memilih mode pembayaran yaitu kartu yang disimpan, kartu dan dompet baru. Pengguna dapat membayar jumlah tersebut dengan salah satu mode yang terdaftar dan juga dan meninjau informasi pembayarannya di bagian bawah dan kemudian dapat membayar dan melanjutkan ke langkah akhir yang merupakan konfirmasi di mana pesan konfirmasi akan ditampilkan dan menghasilkan transaksi atau memesannya (yang juga akan tersedia di dasbor pengguna).