hackathon project at sgu
1.0.0
โปรเจ็กต์นี้สร้างขึ้นโดยใช้สแต็ก MERN :
ก่อนตั้งค่าโปรเจ็กต์ ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งซอฟต์แวร์ต่อไปนี้ในเครื่องของคุณ:
ทำตามขั้นตอนด้านล่างเพื่อตั้งค่าและรันโปรเจ็กต์
หากคุณยังไม่ได้โคลนพื้นที่เก็บข้อมูล คุณสามารถทำได้โดยใช้คำสั่งต่อไปนี้:
git clone https://github.com/altamsh04/hackathon-project-at-sgu.git
cd hackathon-project-at-sgu
นำทางไปยังไดเร็กทอรีโปรเจ็กต์และติดตั้งการพึ่งพาที่จำเป็นโดยใช้ npm หรือ Yarn:
# Using npm
npm install
คำสั่งนี้จะติดตั้งแพ็กเกจที่จำเป็นทั้งหมดซึ่งแสดงอยู่ในไฟล์ package.json
ในการเริ่มต้นเซิร์ฟเวอร์การพัฒนาให้ใช้คำสั่งต่อไปนี้:
# Using npm
npm run dev
hackathon-project-at-sgu/
├── public/ # Static assets like images and icons
├── server/ # Server backend
├── src/
│ ├── assets/ # Local image files, fonts, etc.
│ ├── components/ # Reusable React components
│ ├── pages/ # Page-level components or views
│ ├── App.jsx # Main application component
│ ├── main.jsx # Entry point for the React app
│ └── index.css # Global styles
├── index.html # Main HTML template
├── package.json # Project dependencies and scripts
├── vite.config.js # Vite configuration file
└── README.md # Project documentation
src/main.jsx
: นี่คือจุดเริ่มต้นสำหรับแอปพลิเคชัน React ของคุณsrc/App.jsx
: คอมโพเนนต์รูทที่มีเลย์เอาต์หลักของแอปพลิเคชันvite.config.js
: ไฟล์การกำหนดค่าสำหรับ Vite ซึ่งคุณสามารถปรับแต่งการตั้งค่าการสร้างและการพัฒนาได้index.html
: เทมเพลต HTML ที่ Vite ใช้เพื่อให้บริการแอปพลิเคชัน React ของคุณ