This repository holds a Web Component built with Angular 10, designed to integrate seamlessly with any modern front-end application, regardless of the underlying framework. By including a few script tags in your HTML, you can start using the <card-beneficiario> component immediately.
<html>
<head>
<!-- Polyfills for older browsers -->
<script src="./polyfills.js" nomodule></script>
<!-- Angular dependencies -->
<script src="./vendor.js" defer></script>
<!-- Runtime and main bundle -->
<script src="./runtime.js" type="module"></script>
<script src="./main.js" type="module"></script>
<!-- Styles -->
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<!-- Your Web Component -->
<card-beneficiario></card-beneficiario>
</body>
</html>Before you begin, ensure you have Node.js and npm installed on your machine.
To set up the development environment:
- Clone the repository.
- Run
npm installto install the project dependencies. - Start the development server with
ng serve.
After running ng serve, navigate to http://localhost:4200/ to view the application. The app will automatically reload if you change any of the source files.
To build the project for production, run:
ng build --prodThis command compiles the application and stores the output in the dist/ directory.
This project includes both unit tests and end-to-end tests.
- Unit Tests: Run
ng testto execute the unit tests via Karma. - End-to-End Tests: Run
ng e2eto execute the end-to-end tests via Protractor.
We welcome contributions! Please read through our contributing guidelines to learn how you can contribute to this project.
This project is licensed under the terms of the MIT license. See the LICENSE file for details.
- For further help with Angular CLI, use
ng helpor refer to the Angular CLI README. - To learn more about Web Components, explore resources such as the MDN Web Components guide.
Please note that the above README has been improved for clarity, organization, and added sections like prerequisites, quick start, building, testing, contributing, and license. It's essential to keep your README clear and informative to help others understand your project and how they can contribute to it.