Skip to content

rafaelcastrodev/angular-primeng

Repository files navigation

Angular Repository

This repository contains an Angular project with various features and dependencies. It utilizes the PrimeNG, PrimeFlex, PrimeNG Sakai theme and incorporates images from Undraw.co. The following sections provide an overview of the project's dependencies and features.

Dependencies

The project relies on the following dependencies:

Production Dependencies

  • angular: Version 18.2.2
  • chart.js: Version 4.4.4
  • primeflex: Version 3.3.1
  • primeicons: Version 7.0.0
  • primeng: Version 17.18.9
  • quill: Version 2.0.2

Development Dependencies

  • nodejs: Version 20.10.0
  • angular-eslint/schematics: Version 18.2.0
  • eslint: Version 9.9.1
  • eslint-plugin-prettier: Version 5.2.1
  • jwt-decode: Version 4.0.0

Features

The Angular project includes the following features:

  • Main module. Which should be redirected if the user is logged in.

  • Not Found Module page (404)

  • Authentication Module Pages:

    • Sign In
    • Sign Up
    • Recover Password
    • Forgot Password
    • Validate OTP
  • General stuff

    • Use of PathLocationStrategy instead of HashLocationStrategy
    • Custom form validator for controls that must match like password and confirmPassword
    • Auth Guard (CanActivate) using functional guards
    • Confirm leave page Guard (CanDeactivate) using functional guards to prevent leaving without persist changes
    • Particular way to define routes using a external file (*-routes-names.ts)

The user interface incorporates the PrimeNG theme, providing a visually appealing and consistent design. Additionally, the project includes relevant images obtained from Undraw.co to enhance the overall appearance.

Please refer to the project's documentation and source code for further details on implementation and usage.

Getting Started

To get started with the project, follow these steps:

  1. Clone the repository to your local machine.
  2. Install the required dependencies using npm install.
  3. Build and run the project using ng serve -o. That will automatically open a new browser window.

Development Workflow

To contribute to this project or further customize it, follow these guidelines:

  1. Create a new branch for your features or bug fixes: git checkout -b feature/your-feature-name.
  2. Make the necessary changes and additions to the codebase.
  3. Format the code to adhere to the project's linting rules: npm run lint.
  4. Commit your changes: git commit -m "Add your commit message here".
  5. Push the changes to the remote repository: git push origin feature/your-feature-name.
  6. Open a pull request in the repository and provide a descriptive explanation of your changes.

Additional Information

For additional information and support, refer to the following resources:

About

Angular Primeng Project with Primeng Sakai Theme

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published