{"id":15067516,"url":"https://github.com/jxareas/cinemates","last_synced_at":"2026-01-02T14:49:39.486Z","repository":{"id":153282812,"uuid":"622726583","full_name":"jxareas/CineMates","owner":"jxareas","description":"A Modern Website consuming the TMDb API powered by Boostrap + Angular.","archived":false,"fork":false,"pushed_at":"2023-10-23T07:49:41.000Z","size":16323,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-16T04:28:17.184Z","etag":null,"topics":["angular","angular-cli","angular-material","angular2","animations","bootstrap","client-side","component-driven-development","eslint","media-queries","prettier","responsive-design","responsive-web-design","sass","tmdb-api","typescript","user-experience","user-interface","yarn"],"latest_commit_sha":null,"homepage":"https://cinemates.vercel.app","language":"TypeScript","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/jxareas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"docs/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"docs/SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-02T23:44:03.000Z","updated_at":"2023-04-17T20:19:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"f0c1e609-72a5-416c-8751-935238db2b5c","html_url":"https://github.com/jxareas/CineMates","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jxareas%2FCineMates","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jxareas%2FCineMates/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jxareas%2FCineMates/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jxareas%2FCineMates/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jxareas","download_url":"https://codeload.github.com/jxareas/CineMates/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243826826,"owners_count":20354220,"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":["angular","angular-cli","angular-material","angular2","animations","bootstrap","client-side","component-driven-development","eslint","media-queries","prettier","responsive-design","responsive-web-design","sass","tmdb-api","typescript","user-experience","user-interface","yarn"],"created_at":"2024-09-25T01:24:31.605Z","updated_at":"2026-01-02T14:49:39.449Z","avatar_url":"https://github.com/jxareas.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\u003cbr /\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"#\"\u003e\n   \u003c!-- Replace this logos for a custom official logos --\u003e\n    \u003cimg src=\"./readme-assets/logos/official_logo_no_letters_alt.png\" alt=\"Logo\" width=\"285\" height=\"100\"\u003e\n  \u003c/a\u003e\n\n\u003ch1 align = \"center\"\u003e\n\u003cb\u003e\u003ci\u003eCineMates\u003c/i\u003e\u003c/b\u003e\n\u003c/h1\u003e\n    \u003c!-- Add/Remove categories depending on your project --\u003e\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"#-screenshots-\"\u003eScreenshots\u003c/a\u003e\n    ·\n    \u003ca href=\"#-requirements-\"\u003eRequirements\u003c/a\u003e\n    ·\n    \u003ca href=\"#-technologies-\"\u003eTechnologies\u003c/a\u003e\n    ·\n    \u003ca href=\"#-acknowledgements-\"\u003eAcknowledgements\u003c/a\u003e\n    ·\n    \u003ca href=\"#-license-\"\u003eLicense\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003c!-- Here goes the project description --\u003e\n\n**CineMates** is a website built using the Angular framework, that provides users with a comprehensive source of information on movies, TV shows, and actors. The website features a sleek and user-friendly interface that allows users to easily browse through their favorite movies, TV shows, or actors.\n\n## 📷 Screenshots 📷\n\n\n| Home Screen   | Home Screen  | \n| ------------- | ------------- |  \n| ![](readme-assets/images/landing_top_ipad_pro.png)  | ![](readme-assets/images/landing_bottom_ipad_pro.png)  |\n\n## 📝 Requirements 📝\n\nThis project uses [The Movie Database API](https://developers.themoviedb.org/3) to show data about movies, TV show/season, actors and their respective images.\n\n1. Request an API key by creating an account and clicking the \"API\" link in the left hand side bar, at: https://www.themoviedb.org/\n2. Clone this repository\n\n```bash\ngit clone https://github.com/your_username_/Project-Name.git\n```\n\n3. Install npm packages\n\n```bash\nyarn install\n```\n\nEnter your API key in `environment.ts`\n\n```javascript\nexport const environment = {\n  production: true,\n  apiKey: 'hereGoesYourApiKey',\n  baseUrl: 'https://api.themoviedb.org/3',\n};\n```\n\n\n## 🦾 Technologies 🦾\n\nThis Angular project relies on various libraries and frameworks to enable the development of dynamic and feature-rich web applications. Here's an overview of the key dependencies:\n\n- **Angular**: A comprehensive and widely-used framework that empowers the creation of dynamic, high-performance web applications.\n\n- **TypeScript**: A statically typed superset of JavaScript that compiles to plain JavaScript. It enhances the development experience by introducing static typing, improved tooling, and increased code reliability.\n\n- **RxJs**: A reactive programming library that simplifies handling asynchronous and event-driven programming.\n\n- **Bootstrap**: A popular CSS framework that provides a variety of pre-designed components and styles for building responsive and visually appealing web interfaces.\n\n- **ESLint**: A pluggable static code analysis tool used to identify problematic code patterns and maintain code quality in JavaScript and TypeScript.\n\n- **Husky**: A git hook management tool that facilitates the execution of scripts or commands before Git events like commit or push.\n\n- **Prettier**: An opinionated code formatter that enforces consistent code style and formatting rules.\n\n- **lint-staged**: A tool that enables running linters on staged files in a Git repository, working in conjunction with Husky to ensure code quality before committing.\n\n- **animate.css**: A library for adding CSS animations to enhance user experience.\n\n- **autoprefixer**: A tool that automatically adds vendor prefixes to CSS properties for cross-browser compatibility.\n\n- **font-awesome**: A library providing a collection of scalable vector icons for web application design.\n\nPlease note that the specific versions of these dependencies may change over time, so it's essential to keep them up to date for optimal functionality and security.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## ⭐ Acknowledgements ⭐\n\nThe original project idea, as well as the logos are credited to [Antonio Di Nuzzo](https://github.com/indisparte), who designed CineMates as a [Mobile App for Android](https://github.com/indisparte/cinemates).\n\nAdditionally, the user interface is based off of [Cuevana](https://cuevana3.network/inicio): an Argentine file sharing website that offers movies and television content in their original languages with Spanish subtitles.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 📜 License 📜\n\nThis project is under the [MIT License](./LICENSE).\n\n```\nMIT License\n\nCopyright (c) 2023 Jonathan Areas\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- This is a custom version of the Read-My-README template, by Jon Areas,\nfound at: https://github.com/jxareas/read-my-readme --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjxareas%2Fcinemates","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjxareas%2Fcinemates","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjxareas%2Fcinemates/lists"}