https://github.com/iamchristianani/js-capstone

The Gavot Website is a dynamic platform for film lovers. Movie details are collected from an API and displayed to users, complete with a user-friendly interface for browsing and searching. Users can also like and add comments for each movie, allowing for a community-driven experience. Built with HTML5, CSS3, JavaScript, and Webpack.
https://github.com/iamchristianani/js-capstone

css3 html5 javascript webpack

Last synced: 9 months ago
JSON representation

The Gavot Website is a dynamic platform for film lovers. Movie details are collected from an API and displayed to users, complete with a user-friendly interface for browsing and searching. Users can also like and add comments for each movie, allowing for a community-driven experience. Built with HTML5, CSS3, JavaScript, and Webpack.

• Host: GitHub
• URL: https://github.com/iamchristianani/js-capstone
• Owner: iamchristianani
• License: mit
• Created: 2023-01-02T16:05:36.000Z (over 3 years ago)
• Default Branch: dev
• Last Pushed: 2023-01-06T16:15:40.000Z (over 3 years ago)
• Last Synced: 2025-06-16T05:44:51.356Z (about 1 year ago)
• Topics: css3, html5, javascript, webpack
• Language: JavaScript
• Homepage: https://iamchristianani.github.io/js-capstone/dist/
• Size: 1.29 MB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          





  
JS-Capstone



# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

  -[Video Representation](#video-rep) 

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ](#faq)

- [📝 License](#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](https://iamchristianani.github.io/js-capstone/dist)

(back to top)


## 🚀 Video Representation 

- [Video Representation Link](https://drive.google.com/file/d/1zrdRB-1Z_rjhdw_7SYRpkXB1-ukNqxS0/view?usp=share_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 ``**

### Visit And Open Files

1-Visit Repo

[Visit Repo](https://github.com/iamchristianani/js-capstone)

2-Download Repo

[Download Repo](https://github.com/iamchristianani/js-capstone.git)

(back to top)


## 👥 Authors 

👤 **Fahim Khan**

- GitHub: [@Fahim-Khan-P](https://github.com/Fahim-Khan-P)

- LinkedIn: [Fahim Khan](https://www.linkedin.com/in/fahim-khan-38a4b3240/)

👤 **Christian Ani**

- GitHub: [@iamchristianani](https://github.com/iamchristianani)

- Twitter: [@twitterhandle](https://twitter.com/kriznode)

- LinkedIn: [Christian Ani](https://www.linkedin.com/in/anikriz/)

(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](https://github.com/iamchristianani/js-capstone/issues).

(back to top)


## ⭐️ Show your support 

If you like this project, Give a ⭐️.

(back to top)


## 🙏 Acknowledgments 

- Project from [Microverse](https://www.microverse.org/?grsf=i6yi2m) html, css & Javascript module

(back to top)


## 📝 License 

This project is [MIT](https://github.com/iamchristianani/js-capstone/blob/dev/LICENSE) licensed.

(back to top)