หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

แอพช็อป



คำอธิบาย

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

การรับรองความถูกต้องและความปลอดภัย

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

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

ฐานข้อมูล

ข้อมูลส่วนใหญ่ในโครงการนี้ (ผลิตภัณฑ์คำสั่งซื้อผู้ใช้) จะถูกเก็บไว้ในฐานข้อมูล Firebase Realtime ข้อมูลเฉพาะผู้ใช้อื่น ๆ (ผลิตภัณฑ์ที่ได้รับการรับรองความถูกต้อง) จะถูกเก็บไว้ในเครื่องในอุปกรณ์โดยใช้ AsyncStorage

การนำทาง

การนำทางทั้งหมดในโครงการนี้สร้างขึ้นด้วย React Navigation V5

ภาพเคลื่อนไหว

แอพมีภาพเคลื่อนไหวประเภทต่าง ๆ บนหน้าจอที่แตกต่างกันเพื่อให้ประสบการณ์การใช้งานที่ราบรื่นขึ้นภาพเคลื่อนไหวทั้งหมดถูกนำไปใช้โดยใช้ไลบรารี React Native Reanimated ซึ่งหมายถึงการคำนวณส่วนใหญ่ที่จำเป็นสำหรับการเคลื่อนไหวสไตล์ที่แตกต่างกัน 60fps แม้ในอุปกรณ์ต่ำสุด

การออกแบบ

สินทรัพย์การออกแบบทั้งหมดที่ใช้ในแอพนี้ (หน้าจอส่วนประกอบไอคอน ... ) ทำโดยเจ้าของโครงการนี้

การใช้งาน

ในการเรียกใช้โครงการเรียกใช้คำสั่งต่อไปนี้ตามลำดับ:

โคลนโครงการในพื้นที่ 

 $ git clone https://github.com/abdoutech19/shop-app.git

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

 $ cd shop-app

ติดตั้งการพึ่งพาทั้งหมด 

 $ yarn install || npm install

เรียกใช้โครงการในโหมดดีบัก 

 $ npx react-native run-android

หรือเรียกใช้โครงการในโหมดการเปิดตัวเพื่อประสบการณ์ที่ราบรื่นขึ้น 

 $ npx react-native run-android --variant=release

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

สร้างขึ้นด้วย

  • ตอบสนอง v0.64 ดั้งเดิม
  • React Navigation V5
  • Firebase Auth
  • ฐานข้อมูล RealTime Firebase
  • ตอบสนองการฟื้นฟูพื้นเมือง v2

การสาธิต

ในการทดสอบแอพในอุปกรณ์ Android ของคุณคุณสามารถดาวน์โหลดไฟล์ . APK ได้จากที่นี่: การช็อปปิ้ง

ตัวอย่างวิดีโอ

การรับรองความถูกต้องและการตรวจสอบ

Shop.app.demo .-. auth.mp4

ช้อปปิ้ง

Shop.app.demo .-. Shopping.mp4

ใบอนุญาต

แจกจ่ายภายใต้ใบอนุญาต MIT ดูใบอนุญาตสำหรับข้อมูลเพิ่มเติม

ติดต่อ

ส่งอีเมลถึงฉันที่: [email protected]

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