This web application provides convenience for scheduling appointments to visit a beauty clinic. Customers can check their booking history, choose the desired physician for services, and the website owner can efficiently manage lists related to both customers and physicians
npm install -g @vue/cli
(การติดตั้ง Vue CLI เป็นขั้นตอนที่ทำเพียงครั้งเดียวเมื่อต้องการใช้งาน Vue CLI ครั้งแรกหรือต้องการอัปเกรดเวอร์ชัน Vue CLI ในภายหลัง หลังจากนั้นสามารถสร้างโปรเจ็กต์ Vue ใหม่โดยใช้คำสั่ง vue createได้เลย โดยไม่ต้องทำการติดตั้ง Vue CLI อีกครั้ ซึ่ง Vue CLI จะเป็น versioin ตาม Node ที่เครื่องตัวเองได้ลงไว้)
⚙️ vue create frontend
-เลือก Default ([Vue 2] babel, eslint) และกด Enter
cd myfrontend
npm install bulma axios
npm install vuelidate
👉 คำสั่ง Run --> npm run serve
mkdir backend
cd backend
npm install express
- สร้างไฟล์
app.js
แล้วเขียนโค้ดตามนี้
const express = require('express')
const app = express()
app.get('/', (req, res) => {
res.send('Hello World')
})
app.listen(3000, () => {
console.log('Start server at port 3000.')
})
npm install cors
npm install joi bcrypt
👉👉 คำสั่ง run คือ npx nodemon app.js
- Function Sign up => ระบบสมัครสมาชิก
- Function Log in => ระบบเข้าสู่ระบบ
- Function Log out => ระบบออกจากระบบ
- Function Book Appointment => ระบบจองเวลาของลูกค้า
- Function Upcoming => ระบบเรียกดูข้อมูลประวัติการจองที่กำลังจะเกิดขึ้น
- Function History => ระบบเรียกดูข้อมูลประวัติการจอง
- Function Cancle Booking => ระบบยกเลิกการจอง
- Function Location => ระบบดูสถานที่ตั้งของคลินิก
- Function View Booking => ระบบเรียกดูข้อมูลการจองทั้งหมด
- Function View Doctor => ระบบเรียกดูตารางเวลาการจองคิวของหมอ