mgordillo11/BYU-OIT-Movies

Vue

Movie Search Application

Overview

This application allows users to search for movies by title. It uses a Vue.js/Nuxt.js front-end (webapp) and a Bun.js with Node.js/Express back-end (webservice), with movie data provided by The Movie Database (TMDB) API.

Features

Search for movies by title
Display movie titles, posters, and popularity summaries

Getting Started

Prerequisites

NPM (Node Package Manager) which allows you to install Node.js packages seamlessly
Bun JS which is a run time environment that uses Node.js (https://bun.sh/docs/installation)

Setting Up the Project

Clone the repository:
```
git clone [repository URL]
```
Navigate to the project directory:
```
cd [project directory]
```

Configuration

For simplicity sakes, I already provided my Access Token for TMDB API in the .env file. However, I know this is not a good practice but wanted to make it easier for you to test the application. If you want to use yours just switch out the value of the TMDB_ACCESS_TOKEN variable in the .env file located in the webservice directory.

Running the Back-End (webservice)

Navigate to the webservice directory:
```
cd webservice
```
Install dependencies:
```
bun install
```
Start the server:
```
bun run start
```
The server will be running at http://localhost:3001

Running the Front-End (webapp)

Open a new terminal and navigate to the webapp directory:
```
cd webapp
```
Install dependencies:
```
bun install
```
Start the Nuxt.js application:
```
bun run dev
```
The application will be running at http://localhost:3000

Future Enhancements

Implement pagination and or infinite scrolling for displaying search results
Add advanced search filters (e.g., by genre, year, actor, director)
Enhance the UI/UX design for a more engaging user experience
Include a movie details page with more information about the movie