megamart ecommerce

Situs web e-commerce Megamart

Selamat datang di situs web react redux eCommerce saya! Proyek ini adalah solusi e-commerce full-stack yang dibangun dengan React, Redux, Redux-Toolkit dan berbagai teknologi lainnya. Apakah Anda seorang pengembang yang ingin berkontribusi, pemilik bisnis yang tertarik dengan platform saya, atau hanya pengguna yang penasaran, ReadMe ini akan memandu Anda melalui detail penting dari proyek saya.

Daftar isi

• Fitur
• Teknologi digunakan
• Instalasi
• Penggunaan
• Berkontribusi
• Lisensi

Fitur

Fitur situs web react redux megamart eCommerce saya:

• Katalog Produk: Jelajahi dan cari produk di berbagai kategori.
• Otentikasi Pengguna: Daftarkan, Masuk, dan Kelola Profil Pengguna Anda.
• Keranjang belanja: Tambah dan hapus item dari keranjang Anda, perbarui jumlah, dan lanjutkan ke checkout.
• Manajemen Pesanan: Lihat dan Kelola Riwayat Pesanan Anda.
• Panel Admin: Antarmuka admin untuk mengelola produk, kategori, dan pesanan.
• Desain Responsif: Antarmuka pengguna yang ramah seluler untuk pengalaman berbelanja yang mulus di semua perangkat.
• Integrasi Pembayaran: Pemrosesan pembayaran yang aman untuk menyelesaikan pesanan.

Teknologi digunakan

• React: Perpustakaan JavaScript yang populer untuk membangun antarmuka pengguna.
• Redux: Perpustakaan manajemen negara untuk status aplikasi yang dapat diprediksi.
• React Router: Untuk menangani navigasi dalam aplikasi. ini bereaksi router yang saya gunakan (react-router-dom) v6.
• Node.js: Runtime JavaScript untuk membangun sisi server aplikasi.
• Express.js: Kerangka kerja aplikasi web untuk membangun API REST.
• Mongoose: Mongoose adalah perpustakaan pemodelan data objek (ODM) untuk MongoDB.
• Stripe: Integrasi pemrosesan pembayaran untuk transaksi yang aman.
• TailwindCSS: Untuk menata antarmuka pengguna.

Instalasi

Untuk memulai dengan situs web react redux eCommerce saya, ikuti langkah -langkah ini:

1. Kloning repositori ini ke mesin lokal Anda menggunakan git.

   git clone https://github.com/sksabbirhossain/megamart-ecommerce.git

2. Ubah ke direktori proyek.

    cd megamart-ecommerce

3. Instal dependensi server. (Direkomendasikan Gunakan benang)

   yarn install

   Atau,

   npm install

4. Buat file .env atau ganti nama .env.dev ke .env dan tambahkan konfigurasi Anda sendiri berdasarkan file .env.dev yang disediakan.

5. Mulai server pengembangan menggunakan perintah ini.

   yarn start

   Atau

   npm start

6. Akses aplikasi di browser web Anda di http://localhost:3000 .

Penggunaan

• Kunjungi situs web yang digunakan atau jalankan server pengembangan (seperti yang dijelaskan dalam instruksi instalasi) untuk mengakses aplikasi.
• Daftarkan akun atau masuk untuk mulai berbelanja.
• Jelajahi katalog produk, tambahkan item ke keranjang Anda, dan lengkapi pesanan.

Jika Anda seorang admin, akses panel admin untuk mengelola produk, kategori, dan pesanan.

1. Pergi ke URL ini dan login sebagai admin

   http://localhost:3000/admin

2. Login akun admin Anda menggunakan informasi ini.

   email: [email protected]
   password: 1111

Jika Anda berhasil masuk sebagai admin maka Anda dapat mengelola semuanya.

Berkontribusi

Jika Anda memiliki saran tentang apa yang harus meningkatkan situs web ini, silakan buat masalah berbagi ide Anda dan buat permintaan tarikan Anda.

Lisensi

Proyek ini dilisensikan di bawah lisensi MIT. Jangan ragu untuk menggunakan, memodifikasi, dan mendistribusikannya sesuai persyaratan lisensi.

Nikmati pengalaman berbelanja Anda dengan situs web e-commerce Megamart saya! Jika Anda memiliki pertanyaan atau menghadapi masalah apa pun, silakan buat masalah atau hubungi saya.

Kode sisi server ada di sini.

    https://github.com/sksabbirhossain/megamart-ecommerce-server.git