Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aliaks-ei/truck-configurator
A prototype of the solution that helps engineers to visualize which components can be combined in accordance with sales department.
https://github.com/aliaks-ei/truck-configurator
axios bootstrap css eslint html java javascript jest lodash material-design-icons sass vue-bootstrap vuejs vuex webpack
Last synced: about 1 month ago
JSON representation
A prototype of the solution that helps engineers to visualize which components can be combined in accordance with sales department.
- Host: GitHub
- URL: https://github.com/aliaks-ei/truck-configurator
- Owner: aliaks-ei
- Created: 2019-12-18T05:28:13.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-08-22T16:05:41.000Z (over 1 year ago)
- Last Synced: 2023-08-22T19:09:23.049Z (over 1 year ago)
- Topics: axios, bootstrap, css, eslint, html, java, javascript, jest, lodash, material-design-icons, sass, vue-bootstrap, vuejs, vuex, webpack
- Language: Vue
- Homepage:
- Size: 18.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Truck configurator
[](https://github.com/alexmozheyko/truck-configurator/actions?query=workflow%3A%22Unit+tests%22)
[](https://github.com/alexmozheyko/truck-configurator/actions?query=workflow%3ALinting)
[](https://github.com/alexmozheyko/truck-configurator/actions?query=workflow%3AEditorConfig)
## Description
To search for the necessary truck elements (external or internal), type a keyword in the search bar at the top of the screen.
When user selects at least one of the results presented in the table, the `Your selection` section appears at the bottom of the page. It is possible to delete any of the selected elements or all at once (note, that the `Your selection` section is hidden if there are no selected elements).
The `View combinations` button enabled only if at least one internal and external element are selected (i.e. combinations can be made). When user clicks on `View combinations` button, a confirmation modal appears in accordance with the task.
After clicking on `View combinations` button, user redirects to a page with possible combinations, which are shown in a table.
If combinations between the selected elements are not possible, the notification `No combinations found` appears. The search field on this page is blocked because search can only be done on the `Landing page`.
On this page, user can also delete one or more selected items. After each deletion, possible combinations are updated to show relevant data. If user deletes the last selected item, he returns to the `Landing page`. He can also get back to the `Landing page` by clicking on the `Back` button.
> The application is build using Vue.js (Vuex) and Bootstrap. It is fully mobile responsive and covered by unit tests.
## Build / run guide:
### Install all dependencies
```
yarn install
```
### Setup development environment
```
yarn server:run // Starts backend server on port 8080
yarn serve // Starts frontend app on development server
```
### Production build
```
yarn build
```
### Run tests
```
yarn test:unit
```