klucyszy/Travel-Plans-Frontend

The DEMO Vue.js application working with ASP.NET Core Web API as backend.

travelplans

Application screens

The application is created to plan travel plans. The User can see created travel plans, update them, create new ones. The Admin can work in User mode, or in Admin Mode, where he has access to all users travel plans. Admin can also edit the existing travel plans, but as admin has no opportunity to create plan for another user.

1. Login page (empty page with only app name and sign in button)

2. User logged in (without seeing the User Mode switch)

3. Admin logged in [User Mode]

4. Admin logged in [Admin Mode]

Framework

• vuetify (https://vuetifyjs.com/en/components/grids/)
• axios (https://github.com/axios/axios)
• vue-msal (https://www.npmjs.com/package/vue-msal)

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.