Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/intummadee/beauty-house

Node.Js , javascript , Vue.js
https://github.com/intummadee/beauty-house

Last synced: 1 day ago
JSON representation

Node.Js , javascript , Vue.js

Awesome Lists containing this project

README

        

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``` āđāļĨāđ‰āļ§āđ€āļ‚āļĩāļĒāļ™āđ‚āļ„āđ‰āļ”āļ•āļēāļĄāļ™āļĩāđ‰
```javascript
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 => āļĢāļ°āļšāļšāđ€āļĢāļĩāļĒāļāļ”āļđāļ•āļēāļĢāļēāļ‡āđ€āļ§āļĨāļēāļāļēāļĢāļˆāļ­āļ‡āļ„āļīāļ§āļ‚āļ­āļ‡āļŦāļĄāļ­

## āļĨāļ‡āļ—āļ°āđ€āļšāļĩāļĒāļ™āđ€āļ‚āđ‰āļēāļŠāļđāđˆāļĢāļ°āļšāļš

## **āļ›āļĢāļ°āļ§āļąāļ•āļīāļāļēāļĢāļˆāļ­āļ‡āļ„āļīāļ§āļ‚āļ­āļ‡āļĨāļđāļāļ„āđ‰āļē**