Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/hossainaraf/metflix

TV Show Liking Web App Description: An open-source web app to explore and like your favorite TV shows in real-time. Discover popular shows and engage with the community. Built with HTML, CSS, and JavaScript. Explore Shows, Give Likes & comments !
https://github.com/hossainaraf/metflix

Last synced: about 2 months ago
JSON representation

TV Show Liking Web App Description: An open-source web app to explore and like your favorite TV shows in real-time. Discover popular shows and engage with the community. Built with HTML, CSS, and JavaScript. Explore Shows, Give Likes & comments !

Awesome Lists containing this project

README 

        







Metflix-Javascript API based APP



![image](https://github.com/the-faizmohammad/Capstone-API-based-webapp/assets/134736318/3464bab1-1c2c-4516-8aca-4d330840a518)






# 📗 Table of Contents



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

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

  - [Key Features](#key-features)

  - [🛠 Tech Stack](#tech-stack)

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

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

- [👥 Authors](#authors)

- [👥 Video walk through](https://drive.google.com/drive/folders/1Z15ctH1xsSom5QCqVZdPDAtR6ziwEdjW?usp=drive_link)

- [🚀Live Demo](https://the-faizmohammad.github.io/Capstone-API-based-webapp/dist/)

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

- [🤝 Contributing](#contributing)

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

- [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ](#faq)

- [📝 License](#license)



## 📖 Description. 

Metflix website for displayingMovie List item from tvMaze api. Utilizes Gitflow for version control.In this App user can like and post their comment. The comment made by the user is posted and recored by API and finally gets updated to Metflix App.



## 🛠 Built With HTML, CSS and JavaScript



### Tech Stack 



  



### Key Features 



Some of the key features: 

- Set up app using webpack.

- Update the Metflix- Movie API base web apps using an API.(Tvmaze & Involvent API)

- Use of Git Flow

- Linters Setup

-Used Unit Test using Jest for testing Comment & Like counters.



## 💻 Live Demo 



[🚀 Video walk through](https://drive.google.com/drive/folders/1Z15ctH1xsSom5QCqVZdPDAtR6ziwEdjW?usp=drive_link)



(back to top)


(back to top)



## 💻 Live Demo 



[🚀Live Demo](https://the-faizmohammad.github.io/Capstone-API-based-webapp/dist/)



(back to top)



## 💻 Getting Started 



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



- Open your Terminal in your VSCode.

- Navigate to the desired directory [folder] to which you want to clone the repository to

- [Copy & Paste] the Git clone you find in the code button https://github.com/the-faizmohammad/Capstone-API-based-webapp into your terminal and press [Enter]

- run using "npm start" in your terminal



### Prerequisites



In order to run this project you need:



- General Understanding of HTML, CSS and JavaScript

- basic Knowledge of Git Commands

- basic Knowledge of the Terminal Commands

- basic understanding of gitflow

- understanding Es6 javascript module

- webpack configuration



### Setup



Clone this repository to your desired folder:



- git clone (https://github.com/the-faizmohammad/Capstone-API-based-webapp)



Example commands:



```sh

  cd my-folder

  git (https://github.com/the-faizmohammad/Capstone-API-based-webapp)



```



### Install



Must-Install-Project-with-the-Following-Programmes:



- Git

- Node.js

- npm install



(back to top)



## 👥 Contributors 



👤 **Faiz Mohammad**



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

- Twitter: [@gmail]([email protected])

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/faiz-mohammad-967354142/)

  

👤 **Arafat Hossain**



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

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/md-arafat-hossain-111403275/)



## 🔭 Future Features 



- Adding more styling to CSS

- Adding more functionality to the app 



(back to top)



## 🤝 Contributing 



Contributions, issues, and feature requests are welcome!



Feel free to check the [issues page](https://github.com/the-faizmohammad/leaderboard-game/issues).



(back to top)



## ⭐️ Show your support 



If you like this project please don't hesitate to support me with your valued contribution and don't forget to star the repo to reach more

people.



(back to top)



## 🙏 Acknowledgments 



I would like to thank...



- Microverse code reviewer.

- My Coding Partners & contributors.

- Microverse Community in Slack



(back to top)



## ❓ FAQ 



Can I clone this project?\*\*



- Yes, but please give star and follow me on github. 



Can I contribute to this project?\*\*



- Yes, just create new feature branch.



(back to top)



## 📝 License 



This project is [LICENSED](./LICENSE) licensed.



(back to top)