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

Booksy frontend

ซอร์สโค้ดอื่น ๆ

ดาวน์โหลด

Booksy - ร้านหนังสือออนไลน์

ยินดีต้อนรับสู่ Booksy ร้านหนังสือออนไลน์ที่คุณเข้าถึงได้ซึ่งสร้างโดยใช้ MERN stack พร้อมด้วยการตรวจสอบสิทธิ์ผู้ใช้ที่จัดการโดยเสมียนและการชำระเงินที่ดำเนินการโดย Stripe Booksy นำเสนอคอลเลกชั่นหนังสือมากมายในประเภทต่างๆ ทำให้ผู้ชื่นชอบหนังสือมีแพลตฟอร์มที่ใช้งานง่ายในการสำรวจ เลือก และซื้อหนังสือเรื่องโปรดได้อย่างง่ายดาย ไม่ว่าคุณจะชื่นชอบนิยาย สารคดี สื่อการศึกษา หรือของหายาก Booksy ได้รับการออกแบบมาเพื่อตอบสนองความต้องการในการอ่านของคุณ

คุณสมบัติ

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

เทคสแต็ค

ส่วนหน้า: React.js สำหรับอินเทอร์เฟซผู้ใช้แบบไดนามิกและตอบสนอง แบ็กเอนด์: Node.js และ Express.js สำหรับตรรกะฝั่งเซิร์ฟเวอร์ที่แข็งแกร่งและจุดสิ้นสุด API ฐานข้อมูล: MongoDB สำหรับการจัดเก็บข้อมูลที่ยืดหยุ่นและปรับขนาดได้ การประมวลผลการชำระเงิน: การรวม Stripe เพื่อธุรกรรมการชำระเงินที่ปลอดภัยและมีประสิทธิภาพ การจัดสไตล์: CSS และหลักการออกแบบที่ตอบสนองเพื่อประสบการณ์ผู้ใช้ที่สวยงามและปรับเปลี่ยนได้

ผู้เขียน: (ทีมงาน)

เดเมตริอุส วิสซาเรียน - https://github.com/demetriusvissarion โธมัส มาซซาก - https://github.com/TomMazzag อิลฮาน อับดาล - https://github.com/Illy-hans Jehoshua - https://github.com/AVJehoshua Fawaz ทาราร์ - https://github.com/Fawaztarar

เทรลโล

https://trello.com/b/qv2hfgk4/ecommerce-final-project

ถอนเงินออก

https://excalidraw.com/#room=a5e0e468c208d0365181,Nr2s0OMVmuSbWFPOP75-5A

มิโร

เอกสาร API

เริ่มต้นใช้งาน

หากต้องการตั้งค่าโปรเจ็กต์ Booksy ภายในเครื่อง ให้ทำตามขั้นตอนเหล่านี้:

ข้อกำหนดเบื้องต้น

Node.js MongoDB

การติดตั้ง

การตั้งค่าแบ็กเอนด์

โคลนพื้นที่เก็บข้อมูลแบ็กเอนด์:

โคลนคอมไพล์ https://github.com/AVJehoshua/Booksy-backend.git

โคลนพื้นที่เก็บข้อมูลหรือดาวน์โหลดซอร์สโค้ด:

การตั้งค่าส่วนหน้า

โคลนพื้นที่เก็บข้อมูลแบ็กเอนด์:

โคลนคอมไพล์ https://github.com/TomMazzag/Booksy-frontend.git

นำทางไปยังไดเร็กทอรีโครงการ:

cd Booksy-ส่วนหน้า

ติดตั้ง npm
ติดตั้งการพึ่งพา
เริ่มเซิร์ฟเวอร์การพัฒนา React:

ติดตั้งการพึ่งพาที่จำเป็นสำหรับแบ็กเอนด์:

cd Booksy-แบ็กเอนด์

เริ่มเซิร์ฟเวอร์แบ็กเอนด์:
เวลา 13.00 น. เริ่มต้น
ขณะนี้แอปพลิเคชันควรทำงานบน http://localhost:3000

เริ่มเซิร์ฟเวอร์แบ็กเอนด์:

การกำหนดค่า

ตัวแปรสภาพแวดล้อม ตั้งค่าตัวแปรสภาพแวดล้อมที่ต้องการในไฟล์ .env ภายในไดเร็กทอรีแบ็กเอนด์และ .env.local ในส่วนหน้า

MONGO_URI: สตริงการเชื่อมต่อสำหรับฐานข้อมูล MongoDB ของคุณ STRIPE_SECRET_KEY: รหัสลับสำหรับการรวมการชำระเงินแบบ Stripe การรวม Stripe ตรวจสอบให้แน่ใจว่าคุณได้ตั้งค่าบัญชี Stripe ของคุณและรับคีย์ API ที่จำเป็นสำหรับการประมวลผลการชำระเงิน

การใช้งาน

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