Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tylher/javascript-capstone

A movie database website that displays all the information about a show including the discription and the rating of the show. You can search for a show, like and also comment on any of your favourite show. This project consumed TVmaze api.
https://github.com/tylher/javascript-capstone

babel css html javascript webpack

Last synced: 4 months ago
JSON representation

A movie database website that displays all the information about a show including the discription and the rating of the show. You can search for a show, like and also comment on any of your favourite show. This project consumed TVmaze api.

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)

# SHOWNET

> A movie database website that displays all the information about a show including the discription and the rating of the show. You can search for a show, like and also comment on any of your favourite show. This project consumed TVmaze api.

## Built With

- Html
- Css
- Js
- Technologies used:
> webpack,
> AJAX,
> API,
> JSON,
> Gitflow
> ES6

## live
[View live demo here](https://tylher.github.io/Javascript-capstone/)

![movi](https://user-images.githubusercontent.com/57408419/163675995-307db028-da18-4bc4-a9e7-4a7c8b35e551.jpg)

![popup1](https://user-images.githubusercontent.com/57408419/163676283-970fd12a-446d-4bb9-9049-c61c9d107a37.jpg)

## video Presentation
[View video demo here](https://drive.google.com/file/d/1DHOFozLknoQlPZEYwmQ3M2Q-20JtXIxw/view?usp=sharing)

## Getting Started

### Prerequisites

You need to have a browser and this tools installed:

- Git
- NodeJS

### Setup

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

```
$ git clone [email protected]:jssol/api-based-webapp.git
```

```
$ cd api-based-webapp
```

```
$ npm i
```

```
$ npm start
```

### Usage

To build a version of the website under Development mode:

```
$ npm run dev
```

To build the production version:

```
$ npm run build
```

### Run tests

To run tests in terminal use:

```
npm test
```

### Deployment

To deploy the project to Githubpages run:

```
npm run deploy
```

## Authors

👤 adam pithewan **Taiwo Damola Adediran**

- GitHub: [@tylher](https://github.com/tylher)
- Twitter: [@tylher123](https://twitter.com/tylher123)
- LinkedIn: [Taiwo Adediran](https://www.linkedin.com/in/taiwo-adediran-327654127/)

👤 adampithewan **JOEL KALEMA**

- GitHub: [@joel-kalema](https://github.com/joel-kalema)
- Twitter: [@JoelJklm](https://www.linkedin.com/in/joel-kalema-30518a230/)
- LinkedIn: [joel kalema](https://twitter.com/JoelJklm)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Hat tip to anyone whose code was used
- Inspiration
- etc

## 📝 License

This project is [MIT](./MIT.md) licensed.