Talib Club

เจ้าของผลงานเล่าไว้แบบนี้

https://talibclub.org # Talib Club — เว็บไซต์วิชาการอิสลาม เว็บไซต์รวบรวมบทความวิชาการอิสลาม หนังสือ/วารสาร (PDF) แหล่งรวมวิดีโอ/พอดแคสต์ และทำเนียบประวัติอุลามาอ์ จัดทำโดย Talib Publisher เพื่อให้ความรู้อิสลามเข้าถึงง่าย อ่านสบายตา และมีความทันสมัย ## โครงสร้างโปรเจกต์ (Tech Stack) - **Frontend:** React 18 + Vite - **Routing:** React Router DOM - **Database & Auth:** Firebase (Firestore + Authentication) - **Styling:** CSS Variables (Dark/Light theme) + Tabler Icons - **Deployment:** Vercel ## โครงสร้างโฟลเดอร์หลัก ``` talib-club/ ├── src/ │ ├── components/ ← UI Components (Nav, Card, Button ฯลฯ) │ ├── data/ ← Fallback Data (ใช้เมื่อโหลด Firebase ไม่ได้) │ ├── hooks/ ← Custom Hooks (useTheme, useAuth, useContentCollection) │ ├── lib/ ← ตั้งค่าและระบบหลังบ้าน (Firebase, Cache) │ ├── pages/ ← หน้าเพจต่างๆ แบ่งหมวดหมู่ │ │ ├── admin/ ← ระบบหลังบ้าน (Dashboard, จัดการบทความ, ตั้งค่า) │ │ └── ... ← หน้าเว็บฝั่งผู้ใช้งาน (Home, Articles, Library ฯลฯ) │ ├── styles/ ← CSS หลักของโปรเจกต์ │ ├── App.jsx ← ตั้งค่า Route และ Context หลัก │ └── main.jsx ← Entry Point │ ├── public/ ← Static files ├── index.html ├── vite.config.js └── package.json ``` ## วิธีการรันโปรเจกต์ (Development) 1. ติดตั้ง Dependencies: ```bash npm install ``` 2. รันเซิร์ฟเวอร์จำลอง: ```bash npm run dev ``` เว็บไซต์จะเปิดใช้งานที่ `http://localhost:5173`

โดย talibclub · ดูโพสต์ต้นทาง