This is a learning Vue Project.
I was asked to create a Movie application, to list, create, update and delete movies (CRUD) I decided to use this opportunity to learn how to build an App using Vue.js
- Develop a dynamic interface in Javascript using good development and layout practices.
- Use the Faker Api server to CRUD the movies
With this exercise I have learnt:
- How to create Vue Components
- How to make components dynamic using props
- How debbug using Vue devtools
- How to work with conditional statements and events in Vue
- How to set up routes with Vue Router
- How to make API calls for CRUD actions
- How to work with forms and form validation
- How to use style with scss
- Big thanks to Lorena for showing me how to do a demo gif 😄
- I used PropagateLoader Component from Saeris Vue Spiners
-
Setup Vue Project
npm install
Compiles and hot-reloads for development
npm run serve
Run the tests
npm run test:unit
Compiles and minifies for production
npm run build
Lints and fixes files
npm run lint
-
Setup Faker Api
Install Json Server
sudo npm install -g json-server
Run json server
json-server --watch peliculas.json