/TVshows_Box

📺 TVshows Box is a responsive web app using the TVmaze API to showcase a variety of TV shows, complete with a home page 🏠, detailed popups 💡, and a contact page 📞 for both mobile and desktop users.

Primary LanguageCSSMIT LicenseMIT

📖 TVshows Box

project sample
project sample
project sample
project sample

TVshows Box

TVshows Box is a web application showing multiple TV shows with the help of TVmaze API which contains both mobile and desktop versions. The webapp have 3 interfaces:

  • A home page showing a list of shows that you can "like."
  • A popup window with more data about a show that you can use to comment on it.
  • A contact page showing contact form and social media icon link

TVshows Box is a HTML, CSS and JavaScript based project.

🛠 Built With

Tech Stack

HTML, CSS, JavaScript, webpack and Linter Template

Languages
  • HTML
  • CSS
  • JavaScript

Key Features

  • Single Page Application
  • ES6 syntax
  • Webpack
  • API

(back to top)

🚀 Live Demo

(back to top)

💻 Getting Started

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

Prerequisites

Local Machine, Git, Text Editor (VS Code preferably)

Setup

Checkout the project repository here

Install

You can use the repository HTTPS or SSH urls to clone the project on your local machine or download the ZIP folder and extract its contents. Run npm install to install the dev dependencies for linters and webpack. Run npm build to build the application with webpack .

Usage

Run npm run start to start the development server.

Run tests

Use Chrome dev tools Ensure to checkout any linter errors

Deployment

Use Github pages for free and secure deployment.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

I would like to thank everyone who did show support.

(back to top)

📝 License

This project is MIT licensed.

(back to top)