This project was generated with Angular CLI version 16.1.8.
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...
This project was generated with Angular CLI, TypeScript, HTML and CSS.
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.
The recommended Node.js version for this project is:
- Node.js 20.13.1 or higher
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 -vSwiper 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.
- Touch Gestures Support: Ideal for mobile devices with full touch gesture support.
- Infinite Looping: Allows continuous, endless sliding.
- Multi-Device Support: Works perfectly on all devices, including mobiles and tablets.
- Highly Customizable: A wide range of configuration and customization options.
- Integrations: Compatible with popular frameworks such as Angular, React, Vue.js, and more.
To install Swiper, you can use npm or yarn:
npm install swiper
# or
yarn add swiperPrimeNG 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.
- Rich Component Library: Over 80 UI components including data tables, charts, forms, and more.
- Material Design: Follows Material Design principles for a consistent and modern look and feel.
- Custom Themes: Supports custom theming to match your application's design.
- Accessibility: Built with accessibility in mind, ensuring that your applications are usable by everyone.
- Responsive Design: Components are designed to work well on both desktop and mobile devices.
To install PrimeNG, you can use npm or yarn:
npm install primeng
# or
yarn add primengBefore you begin, ensure you have met the following requirements:
- Node.js: You will need Node.js version 14.x or higher. You can download it from the official Node.js website.
- Angular CLI: This project requires Angular 13 or higher. You can install Angular CLI globally using npm.
Follow these steps to set up and run the project:
-
Clone the Repository:
Clone the project repository to your local machine using the following command:
git clone <repository-url>
-
Navigate to the Project Directory:
Change to the project directory:
cd project-directory -
Install Dependencies:
Install the project dependencies using npm:
npm install
-
Run the Development Server:
Start the development server with Angular CLI:
ng serve
-
Open the Application:
Open your web browser and navigate to:
http://localhost:4200/
| 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 |
These images are the tests and the code coverage of the applications and their functions.
The images are to see what the application would look like in different resolutions.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
Run ng test to execute the unit tests via Karma.