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

https://github.com/levy002/showtime

ShowTime is a web application based on an external TV Maze API. The API provides data about TV Shows. We then built the webapp around it. The webapp has 2 user interfaces (pages): The Homepage and the Comment modal. On the Homepage, each Show can be liked and commented on.
https://github.com/levy002/showtime

css javascript jest-tests webpack

Last synced: 8 months ago
JSON representation

ShowTime is a web application based on an external TV Maze API. The API provides data about TV Shows. We then built the webapp around it. The webapp has 2 user interfaces (pages): The Homepage and the Comment modal. On the Homepage, each Show can be liked and commented on.

Awesome Lists containing this project

README

          

# ShowTime

ShowTime is a web application based on an external TV Maze API. The API provides data about TV Shows. We then built the webapp around it. The webapp has 2 user interfaces (pages): The Homepage and the Comment modal. On the Homepage, each Show can be `liked` and `commented` on.

![appShoot1](https://user-images.githubusercontent.com/87197412/157998863-fb40a40f-5963-4aff-9be6-7d8dc6859ed6.png)
![appShoot2 (2)](https://user-images.githubusercontent.com/87197412/157998883-fc6d5001-6bd7-4c6b-a027-3492fd342710.png)

## Built With
- JavaScript
- CSS
- Webpack
- Jest

## Live Demo
Visit the live demo [here](https://show-time-202.netlify.app/)

## Getting Started

### Setup

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

- Click the green `Code` button on the repo
- In your local PC, open your terminal in the folder you would like to clone the project.
- Clone the repo with the command: `git clone (copied link)`; like so: `git@github.com:levy002/Javascript-Capstone.git`
- On the terminal, navigate into the directory like so: `cd JavaScript-Capstone-project`
- Checkout to branch name like so: `git checkout [branch name]`
- Run `npm install` to install the dependencies
- Run `npm start` to start the application

#### To run Test

- Run ``npm run test``

### Usage

- Running `npm start` should start the server and open the `dist/index.html` file on the browser
- Click the `like` icon to like a TV Show
- Click the `Comment` to bring up the Comment modal
- The Comment modal would list the comments of the show if they exist
- You can type your name and comment to comment on the TV Show

## Authors

👤 **Levy Ukwishaka**

- [GitHub](https://github.com/levy002)
- [LinkedIn](https://www.linkedin.com/in/levy-ukwishaka-405391223/)

👤 **Emmanuel Jolugbo**

- [GitHub](https://github.com/thermiee)
- [LinkedIn](https://www.linkedin.com/in/jolugbo-temiloluwa-b96a54167/)

## 🤝 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