/Capstone-project-2

This is our javascript capstone project that consumes the TVmaze api and allows the user to view the information on famous tv series. It also gives the option of commenting and liking a certain series.

Primary LanguageJavaScriptMIT LicenseMIT

Series Streaming app

This is our javascript capstone project. In it we implemented a streaming app. The user can view the available shows, like and comment on a particular show. We used the tvmaze REST API to fetch the data about each show.

.

Built With

  • HTML & CSS
  • Github
  • Javascript
  • Webpack

Live Demo

Click here for the live demo link

Description video

Click here for the video presentation.

Getting Started

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

Prerequisites

  • Github flow knowledge. -Intermediate CSS, HTML and Javascript. -Installation of linter files. -install webpack

Setup

  • To get a local copy follow these simple steps:

  • Clone Your Github Repository Follow these steps to clone your Clone Your Github Repository Follow these steps to clone my Github repo on Windows:

    • Open Git Bash;

    • If Git is not already installed, it is super simple. Just go to the Git Download Folder and follow the instructions.

    • Go to the current directory where you want the cloned directory to be added;

    • To do this, input cd and add your folder location. You can add the folder location by dragging the folder to Git bash. $ cd '/c/Users/Documents/My Git Project'

    • Go to the page of the repository that you want to clone.

    • Click on “Clone or download” and copy the URL.

    • Use the git clone command along with the copied URL from earlier;

    • $ git clone https://github.com/TracyMuso/Capstone-project-2

    • Press Enter;

Tests and Configuration

To track linter errors locally follow these steps:

Download all the dependencies run:

npm install

Track HTML linter errors run:

npx hint .

Track CSS linter errors run:

npx stylelint "**/*.{css,scss}"

Track JavaScript linter errors run:

npx eslint .

Usage

  • This can be used to check out shows that are available to stream. One can like and comment on a particular show.
  • NOTE: The mobile version is currently unavailable.

Install

  • Set up Github Actions
  • Set up linter > Lighthouse , Webhint ,Stylelint , Eslint.
  • Webpack bundle for javascript.
  • Jest for testing

Author

👤 Tracy Musongole

👤 Festus Enning

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

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 licensed.