JS-Capstone

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo -Video Representation
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ
• 📝 License

📖 JS-Capstone

JS-Capstone is a TV program application, where we display all types of movies and series, and their description. The homepage shows a list of movies that you can like and drop a comment on. It also has a pop up feature where the comments are being dropped and displayed, as well as other information about the movie.
The project has two user interfaces:

- Homepage : The interface displays the following;
    - A set of movies derived from the [TV Maze API](https://api.tvmaze.com/)
    - Likes interaction that displays number of likes for the movies. The user interface is derived from the[Involvement Api](https://us-central1-involvement-api.cloudfunctions.net/capstoneApi/apps/dPFjjUGUAmeW9iUvUDVo/likes)

- Popup Window : The interface displays;
    - Images of the selected movies. The interface is derived from [TV Maze API](https://api.tvmaze.com/)
    - Comment Section. The users comment are displayed on the page courtesy of the [Involvement Api](https://us-central1-involvement-api.cloudfunctions.net/capstoneApi/apps/dPFjjUGUAmeW9iUvUDVo/comments)

🛠 Built With

Tech Stack

This project use html,css & javascript.

Client

• HTML
• CSS
• JavaScript
• Webpack
• Jest

API

• Involvement API
• TV Maze API

Key Features

Below are the key features of the website:

• Used TV Maze for the movie details
• Used webpack
• Add test with jest

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

🚀 Video Representation

• Video Representation Link

(back to top)

💻 Getting Started

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

1. Clone this repository or download the Zip folder:

git clone /~https://github.com/iamchristianani/js-capstone.git

2. Navigate to the location of the folder in your machine:

you@your-Pc-name:~$ cd <folder>

Visit And Open Files

1-Visit Repo Visit Repo

2-Download Repo Download Repo

(back to top)

👥 Authors

👤 Fahim Khan

• GitHub: @Fahim-Khan-P
• LinkedIn: Fahim Khan

👤 Christian Ani

• GitHub: @iamchristianani
• Twitter: @twitterhandle
• LinkedIn: Christian Ani

(back to top)

🔭 Future Features

CSS for styling will be added.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, Give a ⭐️.

(back to top)

🙏 Acknowledgments

• Project from Microverse html, css & Javascript module

(back to top)

📝 License

This project is MIT licensed.

(back to top)