Angular Example App
Overview
Angular Example App is a demonstration application built using Angular 17, featuring internationalization (i18n), standalone components, and Es-Build support. The app serves as a comprehensive example of real-world applications, incorporating CRUD operations, advanced patterns, and more, all developed with a lot of enthusiasm and attention to detail.
Setup
To get started with the Angular Example App, follow these simple steps:
- Install the necessary packages by running:
npm i - Start the application with:
npm start
Current Status
The project's quality and progress can be observed via badges linked to SonarCloud. Additionally, community engagement can be measured through GitHub stars and forks, reflecting the interest and activity within the project's ecosystem.
Server Details
The backend for this Angular Example App is deployed on fly.io and can be explored here. It is constructed using NestJS, Prisma, Postgres, and GraphQL, demonstrating a robust and modern server architecture. Contributions and feedback are welcomed.
Features
- Standalone Components: Modern architecture with independent components.
- Functional Guards: Advanced security practices.
- CRUD Functionality: Manage heroes effectively with the ability to create, update, and delete.
- Authentication: Secure with JWT tokens using Interceptor and Guard.
- Internationalization: Official i18n support with English and Spanish languages.
- Lazy Loading Modules: Efficient resource management by loading modules only when necessary.
- Reactive Functionality: Fascinating reactive features powered by elf.
- Logical Directory Structure: Enhancing code clarity and maintainability.
- Best Practices: Adhering to Angular's recommended style guide.
- Responsive Design: Utilizes Bootstrap 5 for a mobile-friendly interface.
- Optimized Images: Employs NgOptimizedImage for better image handling.
- SASS with BEM Styles: Clean and organized CSS with BEM naming convention.
- Comprehensive Testing: Example tests for components, services, interceptors, directives, and guards.
- End-to-End Testing: Configured with Playwright for thorough functional testing.
- Strict ESLint Rules: Ensures high code quality and consistency.
Bugs and Feature Requests
For any bugs or feature requests, it is recommended to review existing issues first. If the issue is new, users are encouraged to open a new issue. Feedback and ideas are always welcome to improve and evolve the project.
Creators
The Angular Example App is primarily developed by Ismael Ramos, whose contributions can be explored further on GitHub.
Acknowledgements
This project is a labor of love developed during free time by the creator, with sincere thanks to all who contribute to its growth and improvement. Additionally, support in the form of buying a coffee is appreciated.
License
All code and documentation are released under the MIT License, promoting open collaboration and sharing.
Enjoy exploring and contributing to the Angular Example App!