megamart ecommerce

เว็บไซต์ egamart e-commerce

ยินดีต้อนรับสู่เว็บไซต์ React Redux Ecommerce ของฉัน! โครงการนี้เป็นโซลูชันอีคอมเมิร์ซแบบเต็มซ้อนที่สร้างขึ้นด้วย React, Redux, Redux-Toolkit และเทคโนโลยีอื่น ๆ อีกมากมาย ไม่ว่าคุณจะเป็นนักพัฒนาที่ต้องการมีส่วนร่วมเจ้าของธุรกิจที่สนใจในแพลตฟอร์มของฉันหรือเพียงแค่ผู้ใช้ที่อยากรู้อยากเห็น readme นี้จะแนะนำคุณผ่านรายละเอียดที่สำคัญของโครงการของฉัน

สารบัญ

• คุณสมบัติ
• เทคโนโลยีที่ใช้
• การติดตั้ง
• การใช้งาน
• การบริจาค
• ใบอนุญาต

คุณสมบัติ

คุณลักษณะเว็บไซต์อีคอมเมิร์ซ React Redux Megamart ของฉัน:

• แคตตาล็อกผลิตภัณฑ์: เรียกดูและค้นหาผลิตภัณฑ์ในหมวดหมู่ต่างๆ
• การรับรองความถูกต้องของผู้ใช้: ลงทะเบียนเข้าสู่ระบบและจัดการโปรไฟล์ผู้ใช้ของคุณ
• ตะกร้าสินค้า: เพิ่มและลบรายการออกจากรถเข็นของคุณอัปเดตปริมาณและดำเนินการชำระเงิน
• การจัดการคำสั่งซื้อ: ดูและจัดการประวัติคำสั่งซื้อของคุณ
• แผงผู้ดูแลระบบ: อินเทอร์เฟซผู้ดูแลระบบสำหรับการจัดการผลิตภัณฑ์หมวดหมู่และคำสั่งซื้อ
• การออกแบบที่ตอบสนอง: อินเทอร์เฟซผู้ใช้ที่เป็นมิตรกับมือถือสำหรับประสบการณ์การช็อปปิ้งที่ราบรื่นในทุกอุปกรณ์
• การรวมการชำระเงิน: การประมวลผลการชำระเงินที่ปลอดภัยเพื่อให้คำสั่งซื้อเสร็จสมบูรณ์

เทคโนโลยีที่ใช้

• React: ไลบรารี JavaScript ยอดนิยมสำหรับการสร้างส่วนต่อประสานผู้ใช้
• Redux: ห้องสมุดการจัดการสถานะสำหรับสถานะแอปพลิเคชันที่คาดการณ์ได้
• React Router: สำหรับการจัดการการนำทางภายในแอปพลิเคชัน เราเตอร์ปฏิกิริยานี้ฉันใช้ (React-Router-Dom) V6
• node.js: รันไทม์ JavaScript สำหรับการสร้างฝั่งเซิร์ฟเวอร์ของแอปพลิเคชัน
• Express.js: เฟรมเวิร์กแอปพลิเคชันเว็บสำหรับการสร้าง APIs ที่เหลือ
• Mongoose: Mongoose เป็นไลบรารีการสร้างแบบจำลองข้อมูลวัตถุ (ODM) สำหรับ MongoDB
• Stripe: การรวมการประมวลผลการชำระเงินสำหรับการทำธุรกรรมที่ปลอดภัย
• tailwindcss: สำหรับการจัดแต่งทรงผมของผู้ใช้

การติดตั้ง

ในการเริ่มต้นกับเว็บไซต์ React Redux Ecommerce ของฉันทำตามขั้นตอนเหล่านี้:

1. โคลนที่เก็บนี้ไปยังเครื่องในพื้นที่ของคุณโดยใช้ Git

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

2. เปลี่ยนเป็นไดเรกทอรีโครงการ

    cd megamart-ecommerce

3. ติดตั้งการพึ่งพาเซิร์ฟเวอร์ (แนะนำให้ใช้เส้นด้าย)

   yarn install

   หรือ,

   npm install

4. สร้างไฟล์ .env หรือเปลี่ยนชื่อ .env.dev เป็น .env และเพิ่มการกำหนดค่าของคุณเองตามไฟล์ .env.dev ที่ให้ไว้

5. เริ่มต้นเซิร์ฟเวอร์การพัฒนาโดยใช้คำสั่งนี้

   yarn start

   หรือ

   npm start

6. เข้าถึงแอปพลิเคชันในเว็บเบราว์เซอร์ของคุณที่ http://localhost:3000

การใช้งาน

• เยี่ยมชมเว็บไซต์ที่ปรับใช้หรือเรียกใช้เซิร์ฟเวอร์การพัฒนา (ตามที่อธิบายไว้ในคำแนะนำการติดตั้ง) เพื่อเข้าถึงแอปพลิเคชัน
• ลงทะเบียนบัญชีหรือเข้าสู่ระบบเพื่อเริ่มช้อปปิ้ง
• สำรวจแคตตาล็อกผลิตภัณฑ์เพิ่มรายการลงในรถเข็นของคุณและคำสั่งซื้อที่สมบูรณ์

หากคุณเป็นผู้ดูแลระบบให้เข้าถึงแผงผู้ดูแลระบบเพื่อจัดการผลิตภัณฑ์หมวดหมู่และคำสั่งซื้อ

1. ไปที่ URL นี้และเข้าสู่ระบบในฐานะผู้ดูแลระบบ

   http://localhost:3000/admin

2. เข้าสู่ระบบบัญชีผู้ดูแลระบบของคุณโดยใช้ข้อมูลนี้

   email: [email protected]
   password: 1111

หากคุณเข้าสู่ระบบได้สำเร็จในฐานะผู้ดูแลระบบคุณสามารถจัดการทุกอย่างได้

การบริจาค

หากคุณมีข้อเสนอแนะใด ๆ เกี่ยวกับสิ่งที่จะปรับปรุงเว็บไซต์นี้โปรดสร้างปัญหาแบ่งปันความคิดของคุณและสร้างคำขอดึงของคุณ

ใบอนุญาต

โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT อย่าลังเลที่จะใช้แก้ไขและแจกจ่ายตามข้อกำหนดของใบอนุญาต

เพลิดเพลินไปกับประสบการณ์การช็อปปิ้งของคุณด้วยเว็บไซต์อีคอมเมิร์ซเมการ์ตของฉัน! หากคุณมีคำถามใด ๆ หรือพบปัญหาใด ๆ โปรดสร้างปัญหาหรือติดต่อฉัน

รหัสด้านเซิร์ฟเวอร์อยู่ที่นี่

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