https://github.com/christianjtr/oompa-list-crew
Basic assessment developed in order to display a list of items with an infinite scroll, search input tab, and a detailed page. (VueJS v2, Bulma).
https://github.com/christianjtr/oompa-list-crew
assessment assessment-project bulma css front-end-development frontend vue vuejs vuejs2
Last synced: 4 months ago
JSON representation
Basic assessment developed in order to display a list of items with an infinite scroll, search input tab, and a detailed page. (VueJS v2, Bulma).
- Host: GitHub
- URL: https://github.com/christianjtr/oompa-list-crew
- Owner: christianjtr
- Created: 2021-01-31T13:51:13.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-08-09T11:50:32.000Z (almost 4 years ago)
- Last Synced: 2025-01-04T20:46:37.755Z (5 months ago)
- Topics: assessment, assessment-project, bulma, css, front-end-development, frontend, vue, vuejs, vuejs2
- Language: JavaScript
- Homepage:
- Size: 28.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Oompa Loompa's crew list
It`s just another test...
Basic assessment developed in order to display a list of items with an infinite scroll, search input tab, and a detailed page. (VueJS v2, Bulma).
> A Vue.js project
### Installation and running the project
The project requires [Node.js](https://nodejs.org/) and [NPM](https://www.npmjs.com/) to run.
Clone the repository:
```shell
git clone https://github.com/christianjtr/oompa-list-crew.git
```
### Demo
Click on the following link (Github page project):
https://christianjtr.github.io/oompa-list-crew
### Build Setup
```bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run all tests
npm test
```
For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
### Comments
Basic list of elements (infinite scroller) with a search input filter and a detail view. The results are being stored in the localStorage.
### Technologies
Vue v2, Vuex, Bulma, Sass, LocalStorage.