Skip to content

jxareas/CineMates

Repository files navigation


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.

📷 Screenshots 📷

Home Screen Home Screen

📝 Requirements 📝

This project uses The Movie Database API to show data about movies, TV show/season, actors and their respective images.

  1. Request an API key by creating an account and clicking the "API" link in the left hand side bar, at: https://www.themoviedb.org/
  2. Clone this repository
git clone https://github.com/your_username_/Project-Name.git
  1. Install npm packages
yarn install

Enter your API key in environment.ts

export const environment = {
  production: true,
  apiKey: 'hereGoesYourApiKey',
  baseUrl: 'https://api.themoviedb.org/3',
};

🦾 Technologies 🦾

This 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:

  • Angular: A comprehensive and widely-used framework that empowers the creation of dynamic, high-performance web applications.

  • 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.

  • RxJs: A reactive programming library that simplifies handling asynchronous and event-driven programming.

  • Bootstrap: A popular CSS framework that provides a variety of pre-designed components and styles for building responsive and visually appealing web interfaces.

  • ESLint: A pluggable static code analysis tool used to identify problematic code patterns and maintain code quality in JavaScript and TypeScript.

  • Husky: A git hook management tool that facilitates the execution of scripts or commands before Git events like commit or push.

  • Prettier: An opinionated code formatter that enforces consistent code style and formatting rules.

  • 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.

  • animate.css: A library for adding CSS animations to enhance user experience.

  • autoprefixer: A tool that automatically adds vendor prefixes to CSS properties for cross-browser compatibility.

  • font-awesome: A library providing a collection of scalable vector icons for web application design.

Please 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.

(back to top)

⭐ Acknowledgements ⭐

The original project idea, as well as the logos are credited to Antonio Di Nuzzo, who designed CineMates as a Mobile App for Android.

Additionally, the user interface is based off of Cuevana: an Argentine file sharing website that offers movies and television content in their original languages with Spanish subtitles.

(back to top)

📜 License 📜

This project is under the MIT License.

MIT License

Copyright (c) 2023 Jonathan Areas

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

(back to top)