Intummadee / Beauty-House

Node.Js , javascript , Vue.js

Beauty House

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

🎉 ฝั่ง FrontEnd

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

---

🎉 ฝั่ง Backend

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

🚀 Funtion ในระบบ

• 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 => ระบบเรียกดูตารางเวลาการจองคิวของหมอ

ลงทะเบียนเข้าสู่ระบบ

ประวัติการจองคิวของลูกค้า