habibshahid2013 / pbs-movieapp-project

Code Challenge – TPT Software Development Interview Process

Movie Application

Demo Application

Test Application: Keep in mind it takes about 30-40 seconds for an application on heroku to spin up and be responsive. (https://pbs-movie-app.herokuapp.com/)

Table Of Contents

• About the Project
• Built With
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Contributing
• Authors
• Acknowledgements

About The Project

Build a web application that allows users to search and view information about movies using the The Movie Database (TMDB) API.

Technical Requirements:

Use React or Next.js for the frontend and CSS or SASS for styling. Use a free hosting service such as Vercel or AWS Amplify for hosting the application. Provide a git repository with your code.

Built With & Deployed With

This application is built with the following technologies:

• Next.JS
• Graphql
• Javascript
• Node
• React
• Sass
• HTML
• Redux
• FontAwesome
• Apollo Client

The Application was deployed with:

• Vercel - (https://pbs-movie-app-project-t6p3.vercel.app/)
• Heroku - (https://pbs-movie-app.herokuapp.com/)

Getting Started

Starting up the application will be simple. After cloning the application and starting it within your repo All you need to run the following steps below.

Prerequisites

The first thing you want to do is ensure after cloning the application you want to run the following command.

• npm

npm install

Installation

1. Clone the repo

git clone https://github.com/habibshahid2013/PBS-MovieApp-Project.git

2. Install NPM packages

npm install

3. Then run the Next.js build command.

npm run build

4. Then run the Next.js start command and you will find the application in localhost:3000

npm run dev

Usage

You should see within the local host the application renders with a search bar. You should be able to type in any movie and it should appear on the screen. Also, other movies fit that description. You should also be able to click on the movie and a pop-up should appear on the screen so that you can see details about the movie.

Authors

• **Hassan Shahid ** - Software Developer - Hassan Shahid - **

---

This is a Next.js project bootstrapped with create-next-app.

pbs-movieapp-project's Issues

Deployment Failing

When attempting to deploy this branch keeps failing. Not sure what's the fix but I believe it has something to do with the Next.config.js file.