หน้าแรก>ซอร์สโค้ด PHP>หมวดหมู่อื่นๆ
ดาวน์โหลด
  • ลิงค์ Live Web App : https://full-stack-car-app.web.app/
  • ลิงก์โค้ดฝั่งเซิร์ฟเวอร์: https://github.com/shadmansaalim/Full-Stack-Car-Server.git
  • เว็บแอปพลิเคชัน Niche แบบสแต็กเต็มรูปแบบที่สร้างขึ้นโดยใช้ ReactJs, React Bootstrap, NodeJs, ExpressJs และ MongoDB
  • นี่เป็นแอปพลิเคชั่นเฉพาะที่เรียบง่ายซึ่งมีการแสดงรถยนต์และผู้ใช้สามารถจองรถยนต์คันใดก็ได้จากคอลเลกชันและข้อมูลการจองทั้งหมดจะถูกเก็บไว้ในฐานข้อมูลและผู้ใช้สามารถดูคำสั่งซื้อของเขาในหน้าคำสั่งซื้อของฉันจากแดชบอร์ดที่ผู้ใช้สามารถ แม้กระทั่งยกเลิกคำสั่งซื้อของเขาซึ่งจะมีการอัพเดตในฐานข้อมูลด้วย นอกจากนี้ ผู้ใช้ยังสามารถเพิ่มบทวิจารณ์สำหรับเว็บไซต์ซึ่งจะแสดงในส่วนบทวิจารณ์ Slider Page Landing Page สำหรับระบบการตรวจสอบสิทธิ์ผู้ใช้ ฉันใช้ Firebase ซึ่งผู้ใช้สามารถสมัครและเข้าสู่ระบบโดยใช้ระบบอีเมล/รหัสผ่านตลอดจนผู้ให้บริการ Google/Facebook/Apple
  • เบื้องหลังของแอปพลิเคชันนี้ยังมีแผงผู้ดูแลระบบในแดชบอร์ดซึ่งผู้ดูแลระบบเท่านั้นที่สามารถดูได้ UI ของแดชบอร์ดของผู้ใช้ทั่วไปและผู้ดูแลระบบแตกต่างอย่างสิ้นเชิง ผู้ดูแลระบบสามารถสร้างผู้ดูแลระบบเพิ่มเติมได้ในหน้า Make Admin จากแดชบอร์ด รวมถึงสามารถรับรายการคำสั่งซื้อทั้งหมดที่ผู้ใช้ทำ และยังสามารถอัปเดตสถานะของคำสั่งซื้อ รวมถึงสามารถลบคำสั่งซื้อที่มีอยู่ได้ นอกจากนี้ ผู้ดูแลระบบยังสามารถจัดการรถที่แสดงบนเว็บไซต์ และยังสามารถเพิ่มรถหรือลบรถที่มีอยู่ได้อีกด้วย ส่งข้อความถึงฉันหากคุณต้องการข้อมูลประจำตัวของผู้ดูแลระบบ
  • ใช้โทเค็น JWT เพื่อรักษาความปลอดภัย API รวมถึงสร้างเส้นทางส่วนตัวเพื่อเพิ่มการรักษาความปลอดภัยสองชั้นของการเข้าถึงเว็บไซต์ในเส้นทางที่แตกต่างกัน
  • ทำให้แอปพลิเคชันตอบสนองอย่างเต็มที่สำหรับอุปกรณ์ทั้งหมด
  • นำหลักการออกแบบผู้ใช้ขั้นพื้นฐานไปใช้เพื่อปรับปรุง UI/UX ของแอปพลิเคชัน
  • แพ็คเกจที่ใช้เช่น React Hook Form, React Rating, React Slick, React Toastify, Sweetalert, Fontawesome ฯลฯ เพื่อปรับปรุง UX ของแอปพลิเคชัน
  • แอปพลิเคชันที่พัฒนาโดย Saalim Shadman นักศึกษาสาขาวิทยาการคอมพิวเตอร์ที่ RMIT ประเทศออสเตรเลีย
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด