ดาวน์โหลด Recipen - ดาวน์โหลดซอร์สโค้ด Recipen

Recipen

หมวดหมู่อื่นๆ

1.0.0

ดาวน์โหลด

สูตรอาหาร

คำอธิบาย :

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

ลิงค์:

เว็บไซต์สด: https://recipen.vercel.app/

เครื่องมือและเทคโนโลยีที่ใช้ :

เชื่อมต่อกับฉัน:

คุณสมบัติ :

การรับรองความถูกต้อง: ผู้ใช้สามารถสร้างบัญชีได้อย่างปลอดภัยและเข้าสู่ระบบเพื่อเข้าถึงคุณสมบัติและเนื้อหาส่วนบุคคล
โทเค็นการเข้าถึงและรีเฟรช: ใช้กลไกโทเค็นการเข้าถึงและรีเฟรชเพื่อเพิ่มความปลอดภัยในระหว่างการตรวจสอบผู้ใช้
การคงอยู่ของสถานะการตรวจสอบสิทธิ์: ขณะนี้สถานะการตรวจสอบสิทธิ์ของผู้ใช้ยังคงมีอยู่ในเซสชันต่างๆ ทำให้ผู้ใช้ได้รับประสบการณ์ที่ราบรื่น
การจัดเก็บโทเค็นในคุกกี้: โทเค็นจะถูกเก็บไว้ในคุกกี้ที่ปลอดภัยเพื่อการป้องกันการโจมตีข้ามไซต์สคริปต์ (XSS) ที่ดียิ่งขึ้น
สูตรอาหาร: สำรวจคอลเลกชันสูตรอาหารแท้มากมายที่สนับสนุนโดยชุมชน ครอบคลุมอาหารและรสนิยมที่หลากหลาย
บล็อกอาหาร: มีส่วนร่วมกับบล็อกอาหารเชิงลึกและสร้างสรรค์ที่เขียนโดยผู้ชื่นชอบ นำเสนอข้อมูลเชิงลึกอันมีค่าและแรงบันดาลใจในการทำอาหาร
บูรณาการการชำระเงินแบบ Stripe: Stripe บูรณาการอย่างราบรื่นสำหรับการประมวลผลการชำระเงินที่ปลอดภัย ปรับปรุงประสบการณ์ผู้ใช้ในระหว่างการทำธุรกรรม
การสมัครสมาชิกแบบชำระเงินครั้งเดียว: ให้ทางเลือกแก่ผู้ใช้ในการสมัครโดยชำระเงินแบบครั้งเดียว ปลดล็อคคุณสมบัติและสิทธิประโยชน์พิเศษเฉพาะ
การเข้าถึงของผู้ใช้ระดับ Pro: ผู้ใช้ระดับ Pro เพลิดเพลินกับสิทธิพิเศษในการเพิ่มและลบสูตรอาหารและบล็อก สร้างแพลตฟอร์มแบบไดนามิกและน่าดึงดูด
แดชบอร์ดผู้ดูแลระบบ: ผู้ดูแลระบบสามารถเข้าถึงแดชบอร์ดสำหรับจัดการผู้ใช้ สูตรอาหาร และบล็อก
โปรไฟล์ผู้ใช้: ผู้ใช้แต่ละคนมีโปรไฟล์ส่วนบุคคลที่สามารถจัดการข้อมูลของตนได้
หน้าติดต่อเรา: หน้าเฉพาะสำหรับผู้ใช้ในการติดต่อหากมีคำถาม ข้อกังวล หรือข้อเสนอแนะ เพื่อส่งเสริมการสื่อสาร
Chatbot: แชทบอทที่ให้ความช่วยเหลือแบบตัวต่อตัวกับผู้ดูแลโครงการ
บันทึกและยกเลิกการบันทึกสูตรอาหารโปรด: ผู้ใช้สามารถรวบรวมสูตรอาหารที่ชื่นชอบของตนเองเพื่อให้เข้าถึงได้ง่ายและเป็นแรงบันดาลใจในการทำอาหาร
ให้คะแนนและแสดงความคิดเห็นเกี่ยวกับสูตรอาหาร: ผู้ใช้ที่ลงทะเบียนสามารถให้คะแนนและแสดงความคิดเห็นเกี่ยวกับสูตรอาหาร เพื่อเพิ่มปฏิสัมพันธ์ในชุมชน
แสดงความคิดเห็นในบล็อก: มีส่วนร่วมในการอภิปรายโดยแสดงความคิดเห็นในบล็อกอาหาร แบ่งปันความคิดและแนวคิดต่างๆ
แบ่งปันสูตรอาหารบนโซเชียลมีเดีย: ผู้ใช้สามารถแบ่งปันสูตรอาหารที่พวกเขาชื่นชอบบนแพลตฟอร์มโซเชียลมีเดียต่างๆ ได้อย่างง่ายดาย

กลับไปด้านบน

ขั้นตอนในการรันโปรเจ็กต์บนเครื่องของคุณ

แยกที่เก็บนี้
เปิดเทอร์มินัลหรือพรอมต์คำสั่งบนเครื่องของคุณ รันคำสั่งต่อไปนี้เพื่อโคลนที่เก็บ:

 git clone https://github.com/your-username/your-repo.git

แทนที่ ชื่อผู้ใช้ของคุณ ด้วยชื่อผู้ใช้ GitHub และ repo ของคุณ ด้วยชื่อพื้นที่เก็บข้อมูลของคุณ

เปิดโปรเจ็กต์และเปลี่ยนชื่อไฟล์ .env.example เป็น .env ในไดเร็กทอรีไคลเอ็นต์และเซิร์ฟเวอร์
เพิ่มตัวแปรสภาพแวดล้อมของคุณเองลงในไฟล์ทั้งสองนี้
เพิ่ม http://localhost:5173 และ http://localhost:5000 ให้กับอาร์เรย์ AllowOrigins ที่มีอยู่ในพาธ เซิร์ฟเวอร์/config/allowedOrigins
หากต้องการเรียกใช้ส่วนหน้า ให้เปิดเทอร์มินัลใหม่และเรียกใช้ 'cd client/' เพื่อไปยังไดเร็กทอรีไคลเอ็นต์และดำเนินการ:

 npm run dev

หากต้องการเรียกใช้แบ็กเอนด์ ให้เปิดเทอร์มินัลใหม่และเรียกใช้ 'cd server/' เพื่อไปยังไดเร็กทอรีเซิร์ฟเวอร์และดำเนินการ:

 nodemon index.js

เปิด http://localhost:5173/ strong> จากเบราว์เซอร์ของคุณเพื่อเรียกใช้ webapp

ขั้นตอนในการเข้าถึงแดชบอร์ดของผู้ดูแลระบบ

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

กลับไปด้านบน