{"id":27639615,"url":"https://github.com/krisbobo/js-capstone","last_synced_at":"2026-05-09T02:17:47.132Z","repository":{"id":63894609,"uuid":"571578217","full_name":"krisbobo/js-capstone","owner":"krisbobo","description":"Micro Cinema is a Single Page Application(SPA) based on an external API tvmaze. The web app is composed of the home page and a popup window. It was built using JavaScript and a test driven development approach using the AAA pattern.","archived":false,"fork":false,"pushed_at":"2022-12-03T04:41:32.000Z","size":738,"stargazers_count":1,"open_issues_count":2,"forks_count":1,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2023-05-09T11:06:15.275Z","etag":null,"topics":["es6","javascript","jest","unittest","webpack"],"latest_commit_sha":null,"homepage":"https://krisbobo.github.io/js-capstone/","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/krisbobo.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}},"created_at":"2022-11-28T12:42:47.000Z","updated_at":"2023-02-17T07:59:43.000Z","dependencies_parsed_at":"2023-01-14T12:30:16.966Z","dependency_job_id":null,"html_url":"https://github.com/krisbobo/js-capstone","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krisbobo%2Fjs-capstone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krisbobo%2Fjs-capstone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krisbobo%2Fjs-capstone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krisbobo%2Fjs-capstone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/krisbobo","download_url":"https://codeload.github.com/krisbobo/js-capstone/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250527644,"owners_count":21445418,"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","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":["es6","javascript","jest","unittest","webpack"],"created_at":"2025-04-23T22:32:53.189Z","updated_at":"2025-10-12T19:32:37.210Z","avatar_url":"https://github.com/krisbobo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"https://raw.githubusercontent.com/krisbobo/readme-template/master/murple_logo.png\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📗 Table of Contents](#-table-of-contents)\n- [📖 \\[Micro Cinema\\] ](#-micro-cinema-)\n  - [🛠 Built With ](#-built-with-)\n    - [Tech Stack ](#tech-stack-)\n    - [Key Features ](#key-features-)\n  - [🚀 Live Demo and other links ](#-live-demo-and-other-links-)\n  - [💻 Getting Started ](#-getting-started-)\n    - [Setup](#setup)\n    - [Install](#install)\n    - [Usage](#usage)\n    - [Run tests](#run-tests)\n  - [👥 Authors ](#-authors-)\n  - [🤝 Contributing ](#-contributing-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [❓ FAQ ](#-faq-)\n  - [📝 License ](#-license-)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 [Micro Cinema] \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e Micro Cinema is a Single Page Application(SPA) based on an external API [tvmaze](https://www.tvmaze.com/api). The API provides data on movies, including TV shows and various other movies and series. The web app is composed of two interfaces, the home page and the comments popup window that shows more data about a particular item. The API allows us to get a list of items with a unique id(or generate it), and for a given item, get detailed information about it. We used Microverse's Involvement API to record user interactions(likes and comments).\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\nThe major tools and languages used are:\n\n- HTML\n- CSS\n- JS\n- Jest\n- Webpack\n\u003c!-- Features --\u003e\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003e The following tech stack were used\n\n\u003cdetails\u003e\n  \u003csummary\u003eBase API\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.tvmaze.com/api\"\u003etvmazeapi\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n\u003e The web app has the following key features:\n\n- **[Home Page]**\n- **[Popup Window]**\n\n\u003cp align=\"right\"\u003e[\u003ca href=\"#readme-top\"\u003eBack to Top\u003c/a\u003e]\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo and other links \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n\u003e Here, we will paste links as per the submission instructions.\n\n- [Live Demo Link](https://krisbobo.github.io/js-capstone/)\n\n- Check the Authors section of this README for an overview of the authors.\n\n- [Kanban Board Link](https://github.com/krisbobo/js-capstone/projects/1)\n\n- [Christian's Code Review Link](https://github.com/krisbobo/js-capstone/pull/22)\n\n- [Kibrewossen's Code Review Link](https://github.com/krisbobo/js-capstone/pull/27)\n\n\u003cp align=\"right\"\u003e[\u003ca href=\"#readme-top\"\u003eBack to Top\u003c/a\u003e]\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\n\u003e In order to run this project you need:\n\n- Node js installed on your computer\n- Npm Node package manager\n- Terminal\n\n### Setup\n\nClone this repository to your desired folder:\n\n\u003e https://github.com/krisbobo/js-capstone.git\n\n### Install\n\nInstall this project with:\n\n```sh\n  cd my-project\n  npm install or npm i\n```\n-\n\n### Usage\n\nTo run the project, execute the following command:\n\n```sh\n npm run build\n```\n\n### Run tests\n\nTo run tests, run the following command:\n\n```sh\n npm test or jest test\n```\n\n\u003cp align=\"right\"\u003e[\u003ca href=\"#readme-top\"\u003eBack to Top\u003c/a\u003e]\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Kiyong Bohbo**\n\n- GitHub: [krisbobo](https://github.com/krisbobo)\n- Twitter: [ChrisboboSys](https://twitter.com/ChrisboboSys)\n- LinkedIn: [kiyong-christian](https://linkedin.com/in/kiyong-christian)\n\n👤 **Kibrewossen Yitbarek**\n\n- GitHub: [akos](https://github.com/akos29)\n- Twitter: [kbson49](https://twitter.com/Kbson49)\n- LinkedIn: [Kibrewossen](https://www.linkedin.com/in/kibrewossen-yitbarek-bb587a18/)\n\n\u003cp align=\"right\"\u003e[\u003ca href=\"#readme-top\"\u003eBack to Top\u003c/a\u003e]\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\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](../../issues/).\n\n\u003cp align=\"right\"\u003e[\u003ca href=\"#readme-top\"\u003eBack to Top\u003c/a\u003e]\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project, don't forget give a ⭐️ or buy me a coffee ☕️\n\n\u003cp align=\"right\"\u003e[\u003ca href=\"#readme-top\"\u003eBack to Top\u003c/a\u003e]\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI would like to thank all my collaborators on this project and the Microverse student community.\n\n\u003cp align=\"right\"\u003e[\u003ca href=\"#readme-top\"\u003eBack to Top\u003c/a\u003e]\u003c/p\u003e\n\n\u003c!-- FAQ (optional) --\u003e\n\n## ❓ FAQ \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n\u003e Two possible questions new developers would ask when they decide to use this project.\n\n- **[Why not use inline styling?]**\n\n  - [This is because it gets more difficult to edit styles when it is inline. Also, CSS best practices warrants for an external stylesheet to be used.]\n\n- **[Why did you include the workflow and linters?]**\n\n  - [This is to ensure that the codebase remains consistent at all times(wrt spacings and other general rules set)]\n\n\u003cp align=\"right\"\u003e[\u003ca href=\"#readme-top\"\u003eBack to Top\u003c/a\u003e]\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./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%2Fkrisbobo%2Fjs-capstone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkrisbobo%2Fjs-capstone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrisbobo%2Fjs-capstone/lists"}