Booking online system on Vue.js

Client and challenge

The customer — one of the largest airline companies in Russia, which operates domestic and international flights. The client was interested in having a modern web-service for online airline tickets booking, with cross-device access and small application size.

Technologies and solutions

As a senior front-end developer and architecture of the project, I chose the framework Vue.js. In a short period I implemented a test version of the application with fake data in order to demonstrate it to the customer. I implemented most of the components and pages of the application, including validation and internationalization; also discussed and developed the data model of the application, proposed different UI/UX improvements.

Results

The application was successfully implemented and deployed. The modern responsive interface of the app creates the best impression from the use of the booking engine system and from the company itself. The application is optimized for mobile-use as good as the desktop version.

Screenshots

Main view of the app
Main view of the app
Seat choosing in a modal window
Seat choosing in a modal window
Data validation
Data validation
Internationalization
Internationalization
Responsive design of components
Responsive design of components
Mobile warning modal window
Mobile warning modal window