A web popular movies catalogue built with Vue.js

? Movie Web Aplication ?

Overview

Hi! Welcome to my project, this is actually a web developer challenge that I’m doing for a job aplication!

In that case, if You’re the person that evaluate this aplication I hope You find everything that was asked of me and with any questions please send an email.

And in case You just happen to stumble throught here, feel free to see what I’ve had the pleasure of building ?

Project Description

This project is a web popular movies catalogue. In here You can move trought most popular movies in the day, search for any specific favorite and see the information about them!

For this project I used the The Movie Database API to get all information I needed, integrated with technology of Vue.JS CLI, used the CSS’s framework Vuetify and Boostrap and applied all of the steps made with Git on Github.

See the completed project here: http://movieapp-thuany.surge.sh/

Project setup

First step to have this code on your local system:

  1. Install this code on your local system

    1. Fork this repository (click ‘Fork’ button in top right corner)

    2. Clone the forked repository on your local file system

      cd /path/to/install/location
      
      git clone https://github.com/[your_username]/movie.git
      
  2. Change into directory

    cd movie
    
  3. Install dependencies

    npm install
    
  4. Create a .env file by copying the sample

    cp .env_sample .env
    

    Edit the .env file and replace any variables if needed

  5. Start project

    npm run start
    

Your site will be available at localhost:[PORT] where PORT is whatever value is set in your .env file.


GitHub

View Github