Creating the vacation booking project
To create the vacation booking application, we need to create subprojects for the frontend, the admin frontend, and the backend. To create the frontend
and admin frontend
project scaffolds, we use the Vue CLI. To create the backend
folder, we use the Express Generator
global package.
Follow these steps to set up the project:
- First, create the
travel-booking-app
folder to house all of the projects. - Next, create the
admin-frontend
,frontend
, andbackend
folders inside the main folder. - Go into the
admin-frontend
folder and run the following command:npx vue create
This will add the scaffolding code for the Vue project inside the
admin-frontend
folder. - If you are asked to create the project in the current folder, select Y. Then, when you're asked to choose the Vue version of the project, choose
Vue 3
.Likewise, run the Vue CLI in the same way for the
frontend
folder. - To create an Express project, run the Express application...