Box-office

Overview

A shows and actors search app that consumes an external API to display data.

API : https://www.tvmaze.com/api

This is a Progressive web app.

Result of this project : https://banerjiea.github.io/box-office/#/ & https://myboxoffice.surge.sh/

• React
• Styles with Styled Components

Create React App Official Template

The official template project for npx create-react-app my-app --use-npm (https://create-react-app.dev/docs/getting-started/).

• npm run start — This will produce a development server with a default port of 3000.
• npm run build — This will output a production build in the build directory.

Adding styles

You can use styled components as an alternative to style our application with Javascript files: (https://styled-components.com/docs/basics)

• npm install styled-components

Develop locally

1. Clone this repo by running git clone https://github.com/banerjiea/box-office.git
2. Install dependencies by running npm install
3. Run npm run start

Deploy to GitHub Pages

You can also deploy your project using GitHub pages. (https://create-react-app.dev/docs/deployment/#github-pages):

1. Open the package.json file and change homepage from "https://banerjiea.github.io/box-office" to "https://Your_Username.github.io/REPOSITORY_NAME"

2. Run npm run deploy