Loading repository data…

MovieSpot GitHub Details, Stars and Alternatives | OpenRepoFinder

clintonjosephs / repository

MovieSpot

MovieSpot is a website for the latest and favourite TV shows, shipped with a really cool infinite scroll feature!. You can view the details of the show, "like" a show, and even comment. You can also see other comments which might give you a general idea about what people think about the show. It is built with HTML, CSS and JavaScript with data from the TvMaze API(tv show data) and the Involvement API(likes and comments)

#bootstrap#css#html#javascript#jest#tdd

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 10Stars

⑂ 0Forks

◯ 0Open issues

◉ 10Watchers

47/100

OPENREPOHUB HEALTH SIGNAL

Mixed signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

Community adoption25% weight

Maintenance state20% weight

100

License clarity10% weight

100

Project information10% weight

100

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

MovieSpot

MovieSpot is website for the latest and favorite TV shows, shipped with a really cool infinite scroll feature!. You can view the details of the show, "like" a show, and even comment. You can also see other comments which might give you a general idea about what people think about the show. It is built with HTML, CSS and JavaScript with data from the TvMaze API(tv show data) and the Involvement API(likes and comments)

Video Presentation

Presentation Link

Live Demo

Website Link

Mini Demo

Additional description about the project and its features.

Built With

Major languages (HTML, CSS, JavaScript)
Frameworks
```
    Bootstrap css framework
```

Technologies used

- Webpack(Code Bundlng et al)
- Jest(for testing)
- Git(version control)
- ESLint(JavaScript linting)
- WebHint(linting tool)
- Stylelint(style linting)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

A text editor(preferably Visual Studio Code)

Install

Git
Node

Usage

Clone this repository

$ git@github.com:clintonjosephs/MovieSpot.git
$ cd MovieSpot

Run project

$ npm install
$ npm run start # this will make webpack watching for your changes in code
$ npm run test #This is to run the tests on the count method

Open page in browser

$ open dist/index.html

Interaction with the TvMaze API

Each new query for TV shows is done with the GET method using the BASEURL
```
  https://api.tvmaze.com/
```

  https://api.tvmaze.com/search/shows?q=a

Each new query for Involvement API is done using the below as the BASEURL


  https://us-central1-involvement-api.cloudfunctions.net/capstoneApi/

To create a new app, a POST request is made to the API using the endpoint
```
  /apps/
```
This returns the appID
```
  abc234
```
Likes
A POST request is made to the API when a user clicks on the like button using this endpoint:

Endpoint
```
  /apps/:app_id/likes/
```
body parameters
```
{ 
    "item_id": "item1"
}
```
Return value for POST action: 201 status (created)

The GET request returns data in JSON format like this:

[
  {
      "likes": 5,
      "item_id": "item1"
  },
  {
      "likes": 10,
      "item_id": "item2"
  }
]

A POST request is made to the API when a user clicks on the like button using this endpoint:

Endpoint
```
  /apps/:app_id/comment/
```
body parameters
```
{
  "item_id": "item1",
  "username": "Jane",
  "comment": "Hello"
}
```
Return value for POST action: 201 status (created)

The GET request returns data in JSON format like this:

Endpoint

  /apps/abc234/comments?item_id=item1

It returns

[
  {
      "comment": "This is nice!",
      "creation_date": "2021-01-10",
      "username": "John"
  },
  {
      "comment": "Great content!",
      "creation_date": "2021-02-10",
      "username": "Jane"
  }
]

MovieSpot

Live repository statistics

Mixed signals

README preview

MovieSpot

Video Presentation

Live Demo

Mini Demo

Built With

Getting Started

Prerequisites

Install

Usage

Clone this repository

Run project

Open page in browser

Interaction with the TvMaze API

Interaction with the Involvement API

Likes

Endpoint

Comments

Endpoint

Endpoint

Authors

🤝 Contributing

Show your support

📝 License