Movies DB

This is a learning Vue Project.

Description

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

Project Requirements

  • Develop a dynamic interface in Javascript using good development and layout practices.
  • Use the Faker Api server to CRUD the movies

Reflection

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

Screen Shots, Demo

Demo

Acknowledgements

Getting Started

  1. 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
    
  1. Setup Faker Api

    Install Json Server

    sudo npm install -g json-server
    

    Run json server

    json-server --watch peliculas.json