EderGodinez / MovieHub

Aplicacion de visualización de peliculas (proyecto inicial de programa de semillero de MEGA)
0 stars 0 forks source link

MovieHub

This project was generated with Angular CLI version 16.1.8.

Description

This project is an entertainment hub that will have movies, series and cartoons, it will have the functions of giving recommendations, saving favorites and seeing what you have seen, but it is still in development...

Technical requirements

This project was generated with Angular CLI, TypeScript, HTML and CSS.

Node

To run this project, you will need to have Node.js installed. Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. It allows you to run JavaScript on the server side and is essential for the Angular development environment.

Node.js Version

The recommended Node.js version for this project is:

You can download the latest version of Node.js from the official Node.js website.

To check your current Node.js version, you can run the following command in your terminal:

node -v

Libraries Used

Swiper

Swiper is a modern slider library that allows you to create highly customizable and high-performance sliders and carousels. Swiper is a popular choice for creating mobile and desktop user interfaces with a smooth and engaging user experience.

Key Features

Installation

To install Swiper, you can use npm or yarn:

npm install swiper
# or
yarn add swiper

PrimeNG

PrimeNG is a comprehensive suite of UI components for Angular applications. It provides a rich set of components that follow the Material Design guidelines and are easy to integrate into Angular projects.

Key Features

Installation

To install PrimeNG, you can use npm or yarn:

npm install primeng
# or
yarn add primeng

Project Setup

Prerequisites

Before you begin, ensure you have met the following requirements:

Installation

Follow these steps to set up and run the project:

  1. Clone the Repository:

    Clone the project repository to your local machine using the following command:

    git clone <repository-url>
  2. Navigate to the Project Directory:

    Change to the project directory:

    cd project-directory
  3. Install Dependencies:

    Install the project dependencies using npm:

    npm install
  4. Run the Development Server:

    Start the development server with Angular CLI:

    ng serve
  5. Open the Application:

    Open your web browser and navigate to:

    http://localhost:4200/

Table Sprint Review

What was done well? What can I do differently? What didn't go well?
Relearn my knowledge in Angular Work a little more efficiently plus I could have avoided creating some components with the use of templates and containers I couldn't complete the 100% of code coverage because I had several problems with the testing of the primeng p-toast component

Testing and Code Coverage

These images are the tests and the code coverage of the applications and their functions.

CMD

CMD

Testing

Testing

Code_coverage

Code_coverage

Images of Project

The images are to see what the application would look like in different resolutions.

Desktop view

Search movie Movie Details Home Login Login form Validated Favorite Page Register form Validated Register

Mobile view

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.