https://github.com/mivladie/moviesfinder

Movies Finder is an simple VueJS application that retrieves movie information by the given name.
https://github.com/mivladie/moviesfinder

vue vuetify vuex

Last synced: about 2 months ago
JSON representation

Movies Finder is an simple VueJS application that retrieves movie information by the given name.

• Host: GitHub
• URL: https://github.com/mivladie/moviesfinder
• Owner: MiVladie
• Created: 2020-07-25T02:29:47.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-01-18T08:33:14.000Z (about 4 years ago)
• Last Synced: 2023-03-06T11:02:40.957Z (almost 2 years ago)
• Topics: vue, vuetify, vuex
• Language: Vue
• Homepage: https://mivladie.github.io/moviesfinder/
• Size: 5.53 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# :cherry_blossom: About

Movies Finder is an simple VueJS application that retrieves movie information by the given name.

Website preview:

https://mivladie.github.io/moviesfinder/

# :memo: Table of Contents

* [:memo: Table of Contents](#memo-table-of-contents)

* [:rocket: Quick Start](#rocket-quick-start)

	* [Step 1: Installing the dependencies](#step-1-installing-the-dependencies)	

	* [Step 2: Setting up configurations](#step-2-setting-up-configurations)

	* [Step 3: Launching the server](#step-3-launching-the-server)

* [:desktop_computer: Installation](#desktop_computer-installation)

	* [NodeJS](#nodejs)

* [:keyboard: Available Scripts](#keyboard-available-scripts)

* [:green_book: Learn More](#green_book-learn-more)

	* [VueJS](#vuejs)

	* [Vuetify](#vuetify)

	* [Vuex](#vuex)

# :rocket: Quick Start

> You must have installed all of the software applications in the [installation](#desktop_computer-installation) section.

Quick start guide to set the server up and running.

## Step 1: Installing the dependencies

### Run `npm install`

Installs all of the necessary dependencies.

## Step 2: Setting up configurations

### TMDB

* Open `/src/shared/constants.js` file;

* Assign the TMDB API key to the `TMDB_API_KEY` constant;

* Save the file.

## Step 3: Launching the server

### Run `npm run serve`

Starts the server in the development mode.

# :desktop_computer: Installation

In order to run the server, you must have installed all of the necessary software listed below.

## NodeJS

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

* [Download](https://nodejs.org/en/)

# :keyboard: Available Scripts

In the project directory, you can run:

### `npm install`

Installs all of the necessary dependencies.

### `npm run serve`

Runs the app in the development mode on port `:8080`.

### `npm run build`

Builds the app for production to the `/dist` folder.

# :green_book: Learn More

References to the packages used in the project.

## VueJS

Vue.js is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces.

* [Introduction](https://vuejs.org/v2/guide/)

## Vuetify

Vuetify is a Vue UI Library with beautifully handcrafted Material Components.

* [Getting Started](https://vuetifyjs.com/en/getting-started/installation/)

## Vuex

Vuex is a state management pattern + library for Vue.js applications.

* [Getting Started](https://vuex.vuejs.org/guide/)