Ornamental Nursery Project

โครงการอนุบาลไม้ประดับ

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

ภาพรวมโครงการ

โปรเจ็กต์นี้จัดแสดงเรือนเพาะชำไม้ประดับในประเทศชิลี ซึ่งเป็นแพลตฟอร์มออนไลน์ที่ลูกค้าสามารถสำรวจและซื้อไม้ประดับหลากหลายชนิด ไซต์นี้สร้างขึ้นโดยใช้ PHP สำหรับแบ็กเอนด์, Vanilla JavaScript สำหรับการโต้ตอบ, SCSS สำหรับการจัดแต่งทรงผม และ Gulp สำหรับงานอัตโนมัติ สถาปัตยกรรมเป็นไปตามรูปแบบ Model-View-Controller (MVC) เพื่อให้แน่ใจว่าโค้ดเบสสะอาดและเป็นระเบียบ

คุณสมบัติ

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

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

• แบ็กเอนด์: PHP
• ส่วนหน้า: วานิลลา JavaScript
• จัดแต่งทรงผม: SCSS
• รองชนะเลิศงาน: อึก
• สถาปัตยกรรม: Model-View-Controller (MVC)

โครงสร้างโครงการ

• controllers/ - ประกอบด้วยคอนโทรลเลอร์ที่จัดการตรรกะของแอปพลิเคชัน
• models/ - ประกอบด้วยโมเดลที่แสดงถึงข้อมูลและตรรกะทางธุรกิจ
• views/ - ประกอบด้วยมุมมองที่รับผิดชอบในการแสดงส่วนต่อประสานกับผู้ใช้
• public/ - ประกอบด้วยไฟล์ที่สาธารณะเข้าถึงได้ เช่น CSS, JavaScript และรูปภาพ
• src/scss/ - ไฟล์ต้นฉบับสำหรับสไตล์ SCSS
• gulpfile.js - การกำหนดค่าสำหรับงาน Gulp

การติดตั้ง

หากต้องการตั้งค่าโครงการในเครื่อง ให้ทำตามขั้นตอนเหล่านี้:

1. โคลนพื้นที่เก็บข้อมูล:

   git clone https://github.com/yourusername/ornamental-nursery-project.git

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

    cd ornamental-nursery-project

3. ติดตั้งการพึ่งพา:

   npm install

4. รวบรวม SCSS และเฝ้าดูการเปลี่ยนแปลง:

   gulp

5. ตั้งค่าฐานข้อมูล:

   • สร้างฐานข้อมูล MySQL และนำเข้าไฟล์ SQL ที่ให้มา
   • กำหนดค่าการเชื่อมต่อฐานข้อมูลในไฟล์ config.php

6. เริ่มเซิร์ฟเวอร์การพัฒนา:

   • ใช้เซิร์ฟเวอร์การพัฒนาในเครื่อง (เช่น XAMPP, WAMP, MAMP) เพื่อให้บริการไฟล์โครงการ

การใช้งาน

1. เข้าถึงเว็บไซต์:

   • เปิดเว็บเบราว์เซอร์ของคุณแล้วไปที่ http://localhost/ornamental-nursery-project

2. สำรวจคุณสมบัติ:

   • เรียกดูแค็ตตาล็อก เพิ่มสินค้าลงในรถเข็น และดำเนินการชำระเงิน

3. จัดการคำสั่งซื้อ:

   • เข้าสู่ระบบเพื่อดูประวัติการสั่งซื้อของคุณและติดตามคำสั่งซื้อปัจจุบัน

มีส่วนร่วม

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

ใบอนุญาต

โครงการนี้ได้รับอนุญาตภายใต้ใบอนุญาต MIT ดูไฟล์ใบอนุญาตสำหรับรายละเอียด

รับทราบ

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