idrice24 / webTestApp

Here is to test my web apps module before i immplement it on my real project

MNS

.

Service APIs. Documentation. Support. Contribute. Contributors. Repositories. Licensing. More info

Table of contents

• Client. Click here to see Live APP
• Web server api:Click here to see Live RESTFul API
• Reference
• And his Demo
• mns237 demo

Coding

Precondition

1. Angular CLI version 10 or higher
2. Understand scripting for Automation ?@Idrice ask question
3. Understand Markdown for documentation ?@Idrice ask question

Development process for client

1. Create new branch or fork
2. Clone the Code or pull all*
3. Switch to your branch from 1.
4. Run command --> npm install to install dependencies if needed
5. Run script start --> npm run start to start angular app No error?
6. Make your change
7. Run the script test --> npm run test-deploy all green?
8. Run the script deploy--> npm run deploy to generate gh-page No error?
9. Go to docs folder copy&paste index.hml and rename it to 404.html
10. Commit with Issue number (Create a new one if number not exists)
11. Push it
12. Merge only with review!

Or

Run the batch file deploy.cmd and Commit your change if NO error

---

Sample

Some sample has been listed here be free to add more..

• Ref1

Howtos

Scripting

How to store and run script on angular project

1. Open package.json file
2. Go to node "script" and add your command e.g startME
3. Open CMD Window and run npm run startME

liecensing

service-apis

support-and-feedback

The following channels are available for discussions, feedback, and support requests:

Type	Channels
General Discussion
Concept Feedback
Backend Issue
Other Requests

how-to-contribute

Contributors and feedback are encouraged and welcome. For more information about how to contribute, the project structure, as well as additional contribution information, see our Contributors Guidelines. By participating in this project, you agree to abide by its Code of Conduct at all times.

contributors

• @Idrice24
• @Gishlain1

repositories

liecensing

More_info

Back to top

What's included

1. [] CRUD: create, update and remove heroes with Firebase
2. [] Angular Universal (SSR)
3. [] Use of StateTransferModule to share state between browser and server
4. [] Security Headers using helmet.
5. [] Internationalization with the official i18n. Separated builds for english and spanish.
6. [] Lazy loading modules
7. [] Service Workers enabled!
8. [] More logical directory structure (from here)
9. [] Basic example library
10. [] Following the best practices!
11. [] Search bar, to look for heroes
12. [] Custom loading page
13. Example of Angular Resolver for Hero Detail
14. [] Lazy loading images with ng-lazyload-image
15. [] Modal and toasts (snakbar)!
16. [] Scroll restoration and anchor examples
17. [] Responsive layout (flex layout module)
18. [] SASS (most common used functions and mixins) and BEM styles
19. Animations with ng-animate
20. [] Angular Pipes
21. [] Interceptors and Events (Progress bar active, if a request is pending)
22. [] Scroll to first invalid input in forms. (ngx-scroll-to-first-invalid)
23. [] Modernizr (browser features detection)
24. [] Browser filter (Bowser) because of IE ^^
25. [] Sentry! (logs every error in the app)
26. [] Google Tag Manager
27. [] ES6 Promises and Observables
28. [] Unit tests with Jasmine and Karma including code coverage. Use of ng-bullet, karma-mocha-reporter and ng-mocks
29. [] End-to-end tests with Protractor,