Coder Social home page Coder Social logo

alexfariakof / angular-frontend-despesas Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 1.9 MB

Aplicação Angular Dockerizada , usando CI/CD, teste unitários, teste de cobertura de código e testes end-to-end integrado ao python com playwright.

Home Page: http://alexfariakof.com

License: GNU General Public License v3.0

Dockerfile 0.04% TypeScript 78.87% HTML 16.52% SCSS 2.71% JavaScript 1.10% PowerShell 0.51% Shell 0.18% CSS 0.07%
angular aws bootstrap5 docker lazy-loading typescript scss ci-cd gitactions-workflow gitflow karma-jasmine nginx sonarcloud

angular-frontend-despesas's Introduction

Frontend Angular Despesas Pessoais

Cloud Application in Production

This project can be access at Despesas Pessoais In Production.

Cloud Application in Development

This project can be access at Despesas Pessoais In Development.

image

Run Local Development Server

This server points the endpoint to the local application API.

Run npm start for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Run Development Server

This server points the endpoint to the development application API.

Run npm run start:dev for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Run Production Server

This server points the endpoint to the production application API.

Run npm run start:prod for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Run Local Development Server In Docker

This build may take a little while, be patient.

This server points the endpoint to the local application API.

Make sure have instaled Docker Engine instaled, if not go to Install Docker Engine.

Run docker-compose up --build for a dev server in docker. Navigate to http://localhost:4200/. The application will not automatically reload if you change any of the source files.

Run Development Server In Docker

This build may take a little while, be patient.

This server points the endpoint to the development application API.

Make sure have instaled Docker Engine instaled, if not go to Install Docker Engine.

Run docker-compose -f .\docker-compose.dev.yml up --build for a dev server. Navigate to http://localhost:4200/. The application will not automatically reload if you change any of the source files.

Run Production Server In Docker

This build may take a little while, be patient.

This server points the endpoint to the production application API.

Make sure have instaled Docker Engine instaled, if not go to Install Docker Engine.

Run docker-compose -f .\docker-compose.prod.yml up --build for a dev server. Navigate to http://localhost:3000/. The application will not automatically reload if you change any of the source files.

Code Scaffolding New Components

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Builds

  • Development

    Run npm run build:dev to build the project with development configurations. The build artifacts will be stored in the dist/ directory.

  • Production

    Run ng build or npm run build:prod to build the project with production configurations. The build artifacts will be stored in the dist/ directory.

Run Unit Tests

Run npm run test or ng test to execute the unit tests via Karma.

Run Tests With Report Coverage

Run npm run test:coverage or ng test --code-coverage --no-watch to execute the tests and generate coverage report. The Report will not be open automatically.

Run ./generate_coverage_report.ps1 if using windows, or Run ./generate_coverage_report.sh if using linux. The Report will open in default browser automatically.

image

Tests End-to-End With Python/Playwright

This project can be access at Tests End-to-End With Python/Playwright.

The end-to-end tests have been implemented in a separate project using Python with Playwright and are integrated into the project's workflow. These tests are executed at two key points: when a push is made to the pre-release branch or any branch with the naming convention "release/*," and during pull requests to the pre-release branch. This setup ensures that the test executions are always aligned with the latest development environment, enhancing the quality and reliability of our end-to-end tests. Playwright, as an open-source framework for testing web applications, provides powerful automation capabilities for web interactions and supports various browsers. It is recognized for its flexibility, concise syntax, and speed. We have chosen to leverage Playwright to achieve these testing objectives, further strengthening the robustness of our application.

report_playwright

Sonar Cloud

SonarCloud is a cloud-based static code analysis platform that helps development teams maintain code quality and identify issues early in the software development process. It offers automated code review, continuous inspection, and code analytics. SonarCloud scans your code for bugs, vulnerabilities, and code smells, providing actionable feedback to improve code quality and security. It is an essential tool for ensuring that your software projects are maintainable, reliable, and secure. via Sonar Cloud.

Overview Project in Sonar Cloud sonar_cloud

Security Rating Maintainability Rating Code Smells Lines of Code Coverage Technical Debt Quality Gate Status Reliability Rating Duplicated Lines (%) Vulnerabilities Bugs

angular-frontend-despesas's People

Contributors

alexfariakof avatar

Stargazers

 avatar

Watchers

 avatar

angular-frontend-despesas's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.