{"id":29343729,"url":"https://github.com/the-faizmohammad/capstone-api-based-webapp","last_synced_at":"2025-07-25T23:02:59.407Z","repository":{"id":188226691,"uuid":"678331054","full_name":"the-faizmohammad/Capstone-API-based-webapp","owner":"the-faizmohammad","description":"\"Explore our JavaScript capstone project! Forge a unique webapp with a favored API. Design 2 interfaces.Features: likable item listing on home page, interactive pop-up for comments .\"","archived":false,"fork":false,"pushed_at":"2023-08-31T20:37:43.000Z","size":281,"stargazers_count":7,"open_issues_count":18,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-07-08T12:11:46.506Z","etag":null,"topics":["api-rest","css","html","javascript","jest-mocking","jest-tests"],"latest_commit_sha":null,"homepage":"https://the-faizmohammad.github.io/Capstone-API-based-webapp/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/the-faizmohammad.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-08-14T09:56:17.000Z","updated_at":"2024-04-17T15:05:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"d7a20450-cfb2-41ff-b6e4-bd92b3d36a73","html_url":"https://github.com/the-faizmohammad/Capstone-API-based-webapp","commit_stats":null,"previous_names":["the-faizmohammad/capstone-api-based-webapp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/the-faizmohammad/Capstone-API-based-webapp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/the-faizmohammad%2FCapstone-API-based-webapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/the-faizmohammad%2FCapstone-API-based-webapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/the-faizmohammad%2FCapstone-API-based-webapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/the-faizmohammad%2FCapstone-API-based-webapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/the-faizmohammad","download_url":"https://codeload.github.com/the-faizmohammad/Capstone-API-based-webapp/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/the-faizmohammad%2FCapstone-API-based-webapp/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267078833,"owners_count":24032310,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-25T02:00:09.625Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api-rest","css","html","javascript","jest-mocking","jest-tests"],"created_at":"2025-07-08T12:11:21.634Z","updated_at":"2025-07-25T23:02:59.402Z","avatar_url":"https://github.com/the-faizmohammad.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cbr/\u003e\n\u003ch3\u003e\u003cb\u003eMetflix-Javascript API based APP\u003c/b\u003e\u003c/h3\u003e\n\n![image](https://github.com/the-faizmohammad/Capstone-API-based-webapp/assets/134736318/3464bab1-1c2c-4516-8aca-4d330840a518)\n\n\n\u003c/div\u003e\n\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n  - [Key Features](#key-features)\n  - [🛠 Tech Stack](#tech-stack)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n- [👥 Authors](#authors)\n- [👥 Video walk through](https://drive.google.com/drive/folders/1Z15ctH1xsSom5QCqVZdPDAtR6ziwEdjW?usp=drive_link)\n- [🚀Live Demo](https://the-faizmohammad.github.io/Capstone-API-based-webapp/dist/)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ](#faq)\n- [📝 License](#license)\n\n## 📖 Description. \nMetflix 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.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003eHTML, CSS and JavaScript\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/ru/docs/Web/HTML\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/ru/docs/Web/CSS\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/ru/docs/Web/JavaScript\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\n\nSome of the key features: \n- Set up app using webpack.\n- Update the Metflix- Movie API base web apps using an API.(Tvmaze \u0026 Involvent API)\n- Use of Git Flow\n- Linters Setup\n-Used Unit Test using Jest for testing Comment \u0026 Like counters.\n\n## 💻 Live Demo \u003ca name=\"Live-Demo\"\u003e\u003c/a\u003e\n\n[🚀 Video walk through](https://drive.google.com/drive/folders/1Z15ctH1xsSom5QCqVZdPDAtR6ziwEdjW?usp=drive_link)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 💻 Live Demo \u003ca name=\"Live-Demo\"\u003e\u003c/a\u003e\n\n[🚀Live Demo](https://the-faizmohammad.github.io/Capstone-API-based-webapp/dist/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps:\n\n- Open your Terminal in your VSCode.\n- Navigate to the desired directory [folder] to which you want to clone the repository to\n- [Copy \u0026 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]\n- run using \"npm start\" in your terminal\n\n### Prerequisites\n\nIn order to run this project you need:\n\n- General Understanding of HTML, CSS and JavaScript\n- basic Knowledge of Git Commands\n- basic Knowledge of the Terminal Commands\n- basic understanding of gitflow\n- understanding Es6 javascript module\n- webpack configuration\n\n### Setup\n\nClone this repository to your desired folder:\n\n- git clone (https://github.com/the-faizmohammad/Capstone-API-based-webapp)\n\nExample commands:\n\n```sh\n  cd my-folder\n  git (https://github.com/the-faizmohammad/Capstone-API-based-webapp)\n\n```\n\n### Install\n\nMust-Install-Project-with-the-Following-Programmes:\n\n- Git\n- Node.js\n- npm install\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 👥 Contributors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Faiz Mohammad**\n\n- GitHub: [@githubhandle](https://github.com/HossainAraf)\n- Twitter: [@gmail](email2faizm@gmail.com)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/faiz-mohammad-967354142/)\n  \n👤 **Arafat Hossain**\n\n- GitHub: [@githubhandle](https://github.com/)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/md-arafat-hossain-111403275/)\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- Adding more styling to CSS\n- Adding more functionality to the app \n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/the-faizmohammad/leaderboard-game/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf 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\npeople.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI would like to thank...\n\n- Microverse code reviewer.\n- My Coding Partners \u0026 contributors.\n- Microverse Community in Slack\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## ❓ FAQ \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\nCan I clone this project?\\*\\*\n\n- Yes, but please give star and follow me on github. \n\nCan I contribute to this project?\\*\\*\n\n- Yes, just create new feature branch.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [LICENSED](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthe-faizmohammad%2Fcapstone-api-based-webapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthe-faizmohammad%2Fcapstone-api-based-webapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthe-faizmohammad%2Fcapstone-api-based-webapp/lists"}