adminApp

✍️ adminAplikasi

adminApp adalah aplikasi E-commerce tumpukan MERN (hanya sisi Admin).

⚛️ Tumpukan teknologi digunakan

• Bereaksi.js
• Tailwindcss
• Node & Express.js
• MongoDB
• Mongoose: untuk semua validasi skema dan koneksi database
• Day.js: untuk format tanggal.
• JsonwebToken: untuk membuat jsonwebtoken
• BcryptJs: untuk enkripsi kata sandi
• Dotenv: untuk menggunakan variabel lingkungan
• Nodemon: untuk dijalankan di server dev

Fitur Utama

• Sepenuhnya responsif dan ramah pengguna
• Mode gelap dan terang
• Area notifikasi
• Menambah, memperbarui, dan menghapus produk
• Membuat, memperbarui, dan menghapus kategori
• Daftarkan, perbarui, dan hapus staf
• Staf pencarian (berdasarkan nama, email, dan No telepon)
• membuat, memperbarui, dan menghapus Kupon
• Impor dan ekspor produk, kategori, Kupon, dan pelanggan
• Unduh pesanan
• Cari dan filter pesanan berdasarkan:
  1. Status (terkirim, tertunda, diproses, dan dibatalkan)
  2. Tanggal mulai dan berakhir
  3. Nama pelanggan dan
  4. Batas pesanan
• Tambahkan, perbarui, hapus, dan cari bahasa dan mata uang internasional
• Pengaturan untuk mengontrol admin dan toko.
• Semua pelanggan terdaftar mendaftar dan menunjukkan total pesanan mereka satu per satu.
• Menambahkan PWA
• Terjemahan dinamis pada semua data dinamis, seperti produk, kategori, atribut, dan kupon.
• Atribut dan Kombinasi Produk.
• Dan lebih banyak lagi termasuk semua validasi yang diperlukan

Memulai & Instalasi

1. Instal Node dan npm
2. Garpu proyeknya
3. buka proyek di editor kode favorit Anda

Instalasi Bagian Belakang

1. Navigasikan ke direktori adminApp-backend , lalu jalankan perintah berikut untuk menginstal dependensi?:

   npm install

2. Konfigurasikan basis data MongoDB Anda. setelah mengkonfigurasi Anda akan menemukan mongo URI, letakkan saja di file .env variabel MONGO_URI Anda.

3. Setelah Anda berhasil terhubung dengan MongoDB dan mengkonfigurasi .env , lalu jalankan npm run data:import , itu akan menjalankan file seed.js dan akan mengimpor semua data demo ke database. Jika semuanya baik-baik saja, maka konfigurasi backend selesai. Sekarang Anda akan menemukan semua data demo di database MongoDB Anda.

4. Sekarang jalankan npm run dev , ini akan menjalankan backend Anda di server lokal pada PORT 5055 atau PORT masukan Anda.

Instalasi Admin

1. Arahkan ke direktori adminApp-admin , lalu jalankan perintah berikut untuk menginstal dependensi?:

npm install

2. Buat akun cloudinary. Kemudian, dapatkan nama cloud Anda, API_KEY, dan API_SECRET. Setelah Anda selesai, salin dan tempel nilai-nilai ini ke baris REACT_APP_CLOUD_NAME, REACT_APP_CLOUDINARY_API_KEY, dan REACT_APP_CLOUDINARY_API_SECRET masing-masing dari file .env.local .
3. Sekarang jalankan npm start , ini akan menjalankan adminApp Anda di server lokal di http://localhost:4000

Kunjungi adminApp

Masalah

Jika Anda menemukan masalah apa pun saat menginstal atau menggunakan aplikasi, silakan buka masalah dengan tag "peningkatan".

Catatan: Pastikan Anda menelusuri masalah yang ada untuk memeriksa apakah masalah tersebut sudah ada.

Kontribusi

Setiap kontribusi yang Anda berikan sangat dihargai . Jika Anda memiliki saran yang dapat membuat aplikasi ini lebih baik, silakan:

1. Garpu repo
2. Buat Cabang Fitur Anda
3. Komit Perubahan Anda
4. Dorong ke Cabang
5. Buka Permintaan Tarik

Anda juga bisa langsung membuka diskusi atau isu dengan tag " peningkatan ".

Kredit Gambar

1. Hapus percikan – https://unsplash.com
2. Pexels – https://pexels.com
3. pngwing – https://www.pngwing.com/
4. Instacart – https://instacart.ca

? Jika Anda menyukai proyek ini, berikan dan bagikan dengan teman-teman!