TH

โฟลเดอร์

โฟลเดอร์ 'client' คือ front-end.
โฟลเดอร์ 'server' คือ back-end.

ติดตั้ง NODE-MODULES เมื่อโหลดไฟล์ครั้งแรก

ใช้คำสั่ง >>> npm i
ในโฟลเดอร์ client และ server เพื่อติดตั้ง node-modules.

เตรียม DATABASE

เชื่อม Back-end กับ Database ด้วย xampp Apache and MySQL.
back-end ติดต่อบน localhost port 5000.
*อย่าลืม import ไฟล์ 'scholarship_webapp.sql' เข้าไปยัง phpMyAdmin
โดยให้ใช้ชื่อ table ว่า 'scholarship_webapp'*

เตรียม GOOGLE LOGIN API (สำคัญ)

ในโฟลเดอร์ 'client/.env' จะมีตัวแปรชื่อ 'REACT_APP_GOOGLE_CLIENT_ID'.
ต้องใส่ API-CLIENT-ID ของ Google OAuth2.0 (https://developers.google.com/identity/protocols/oauth2)

วิธีเปิดใช้งาน

หลังจากติดตั้ง NODE-MODULES เสร็จแล้วให้
ไปที่ 'client' แล้วใช้คำสั่ง >>> npm start
ไปที่ 'server' แล้วใช้คำสั่ง >>> npm run dev
แล้วรอสักพักถึงจะใช้งานได้

EN

FOLDER

Folder 'client' is front-end.
Folder 'server' is back-end.

INSTALL NODE-MODULES

use command >>> npm i
In both folder to install node-modules.

PREPARE DATABASE

Connect 'server' to database by using xampp Apache and MySQL.
back-end listening on localhost port 5000.
*dont forget to import 'scholarship_db.sql' into you MySQL*

PREPARE GOOGLE LOGIN API (IMPORTANT)

In folder client/env you will see variable 'REACT_APP_GOOGLE_CLIENT_ID'.
So you need to place API-CLIENT-ID in it.

HOW TO RUN

after you install node-modules and need to run this project,
for 'client' folder use command >>> npm start
for 'server' folder use command >>> npm run dev
and wait for a few sec you can use it.