ดาวน์โหลด Sadiastic Full Stack Clothing Store - ดาวน์โหลดซอร์สโค้ด Sadiastic Full Stack Clothing Store

ดาวน์โหลด

วิธีการตั้งค่าและรันโครงการ

ติดตั้ง Node.js:
- ดาวน์โหลดและติดตั้ง Node.js จากเว็บไซต์อย่างเป็นทางการ: https://nodejs.org/en/download/
- ตรวจสอบการติดตั้ง:
```
node -v
npm -v
```
ติดตั้งคอมไพล์:
- ตรวจสอบให้แน่ใจว่าติดตั้ง Git บนระบบของคุณแล้ว: https://git-scm.com/
MongoDB และแถบ:
- ตั้งค่าฐานข้อมูล MongoDB และบัญชี Stripe สำหรับการประมวลผลการชำระเงิน

เปิดโฟลเดอร์โปรเจ็กต์ใน VS Code หรือโปรแกรมแก้ไขโค้ดใดๆ
นำทางไปยังโฟลเดอร์ backend :
```
 cd backend
```
ติดตั้งการพึ่งพา:
```
npm install
```
กำหนดค่าไฟล์ .env :
- เพิ่มตัวแปรต่อไปนี้ลงในไฟล์ backend/.env :
```
 MONGO_URI = mongodb+srv://<username>:<password>@cluster.mongodb.net/<dbname>
STRIPE_SECRET_KEY = your_stripe_secret_key
PORT = 5000
```
- แทนที่ <username> , <password> และ <dbname> ด้วยข้อมูลรับรอง MongoDB ของคุณ
- เพิ่มรหัสลับ Stripe ของคุณ
เริ่มเซิร์ฟเวอร์แบ็กเอนด์:
```
npm run server
```
- แบ็กเอนด์จะทำงานที่ http://localhost:5000

นำทางไปยังโฟลเดอร์ frontend :
```
 cd frontend
```
ติดตั้งการพึ่งพา:
```
npm install
```
เริ่มต้นส่วนหน้า:
```
npm run dev
```
เปิดแอปพลิเคชัน:
- ส่วนหน้าจะทำงานที่ http://localhost:5173 เปิดลิงก์นี้ในเบราว์เซอร์ของคุณ

นำทางไปยังโฟลเดอร์ admin :
```
 cd admin
```
ติดตั้งการพึ่งพา:
```
npm install
```
เริ่มแผงผู้ดูแลระบบ:
```
npm run dev
```
เปิดแผงผู้ดูแลระบบ:
- แผงผู้ดูแลระบบจะทำงานที่ http://localhost:5174 เปิดลิงก์นี้ในเบราว์เซอร์ของคุณ

ตรวจสอบให้แน่ใจว่าเซิร์ฟเวอร์ส่วนหลังทำงาน ก่อนที่จะเริ่มส่วนหน้าหรือแผงผู้ดูแลระบบ
การตั้งค่าฐานข้อมูล:
- MongoDB จะต้องทำงานอยู่ และฐานข้อมูลของคุณควรมีคอลเลกชันที่เหมาะสม ( users , products , orders )
การชำระเงินแบบลาย:
- การชำระเงินจะใช้ได้ก็ต่อเมื่อมีการกำหนดค่า Stripe อย่างถูกต้องในไฟล์ .env
ตัวแปรสภาพแวดล้อม:
- ตรวจสอบให้แน่ใจว่าตัวแปรที่จำเป็นทั้งหมดได้รับการตั้งค่าอย่างถูกต้องในไฟล์ .env ที่เกี่ยวข้อง