ภาพรวมโครงการเพื่อสังคม
Sociiity แสดงถึงโปรเจ็กต์เว็บแอปแบบ end-to-end โครงการแรกของฉัน โดยผสมผสาน Django สำหรับแบ็กเอนด์และ React สำหรับฟรอนต์เอนด์
พื้นที่จัดเก็บสื่อ:
พื้นที่จัดเก็บสื่อสำหรับโปรเจ็กต์ดำเนินการโดยใช้ AWS S3
ธีมของแอป:
โครงการนี้มีศูนย์กลางอยู่ที่แนวคิดของแพลตฟอร์มโซเชียลมีเดียที่ออกแบบมาเพื่อให้ผู้ใช้สามารถรายงานและแบ่งปันเหตุการณ์หรือข้อกังวลภายในเมืองของตน
ฟังก์ชั่น:
การสร้างบัญชี/เข้าสู่ระบบ:
- ผู้ใช้สามารถสร้างบัญชีและเข้าสู่ระบบได้
อัพโหลดกระทู้:
- ผู้ใช้สามารถอัพโหลดโพสต์และแท็กด้วยตำแหน่งและหมวดหมู่
- อัปโหลดไฟล์มีเดียสูงสุด 3 ไฟล์
ให้อาหาร:
- เข้าถึงฟีดข่าวพื้นฐานเพื่อดูโพสต์จากผู้ใช้ในเมืองเดียวกัน
โพสต์ชอบไม่ชอบ:
- ผู้ใช้สามารถชอบหรือไม่ชอบโพสต์ได้
แบ่งปันโพสต์:
- ผู้ใช้สามารถแชร์ URL ของโพสต์กับผู้อื่นได้
แก้ไขโปรไฟล์:
- ผู้ใช้สามารถแก้ไขรูปโปรไฟล์ ชื่อ และที่อยู่ของตนได้
ค้นหา:
- ค้นหาโพสต์ทั่วประเทศ
- ใช้ตัวกรองตำแหน่งเพื่อปรับแต่งผลการค้นหา
การแจ้งเตือน:
ดูโพสต์เดี่ยว:
- แม้ว่าจะไม่ได้เข้าสู่ระบบ แต่ผู้ใช้สามารถดูโพสต์เดียวได้
- หากไม่ได้เข้าสู่ระบบ ปุ่มเข้าสู่ระบบจะปรากฏขึ้น
โครงสร้างพื้นที่เก็บข้อมูล:
พื้นที่เก็บข้อมูลโครงการแบ่งออกเป็นสามไดเรกทอรีย่อยหลัก:
- ส่วนหน้า : ประกอบด้วยการใช้งานส่วนหน้าแบบ React ของ Sociiity
- แบ็กเอนด์ : ประกอบด้วยโค้ดแบ็กเอนด์ที่ใช้ Django สำหรับ Sociiity
- docs-site : มีไซต์เอกสารประกอบ React สำหรับ Sociiity