Project Structure (Frontend) - Mrsmithz/Project-SW-Dev-and-Env GitHub Wiki

HTML Protocal

• เป็นส่วนที่ใช้ Render หน้า UI ออกมาเพื่อแสดงให้ผู้ใช้สามารถเห็นได้

_app.tsx

• ใช้แสดง Component ต่างๆ โดยตัว app จะอยู่ในระดับบนสุด

Router

• ใช้สำหรับการเปลี่ยนไปยังหน้าต่างๆตาม path ที่ได้กำหนดไว้

Home

• หน้าหลักของเว็บที่จะแสดงโพสต์ต่างๆที่ได้ถูกสร้างไว้

Create Post

• หน้าสำหรับการสร้างโพสต์ใหม่โดยการสร้างจะมี 3 step หลักคืออัพโหลดไฟล์ กรอกข้อมูลโพสต์และหน้าพรีวิวโพสต์

NewestPostList

• Componenet ที่ใช้แสดงโพสต์ใหม่ที่ถูกสร้างไม่นาน

RecommendedCarousel

• Component ที่ใช้สำหรับการแนะนำโพสต์ที่กำลังเป็นที่นิยม

HistoryPostList

• Component ที่ใช้สำหรับแสดงประวัติโพสต์ที่ผู้ใช้ได้ดูไปล่าสุด

Fab

• Component ที่ใช้สำหรับการพาไปยังหน้าสร้างโพสต์หลังจากที่ผู้ใช้กด

TaskProgress

• Component ที่ใช้สำหรับระบุ step ในการสร้างโพสต์ว่าผู้ใช้กำลังอยู่ช่วงไหน

UploadFile

• Component ที่ใช้สำหรับการอัพโหลดไฟล์ซึ่งจะอัพได้เพียงแค่ไฟล์ .pdf เท่านั้น

CreatePostForm

• Component รูปแบบ form ที่ใช้สำหรับการกรอกข้อมูลเกี่ยวกับโพสต์

PreviewPost

• Component ที่ใช้พรีวิวโพสต์ของตัวเองเมื่อสร้างเสร็จไว้สำหรับตรวจสอบว่าถูกต้องหรือไม่