A Product made By pablofonseca-dev
Made with Love ❤️
This application has the objective of being a boilerplate for creating CRUD applications using the Angular Framework.
Is based in Marvel and DC Superheroes, where we have the main CRUD operations and views.
With this project you could have an idea of the architecture, processes and operations that are necessary to handle a basic and functional SPA.
I decided to not modify the Angular CLI generated documentation, the plan from now and in the future is to use the same documentation to setup the environment.
If you want to collaborate that is going to be very welcome! 💻
Thank you so much, and happy coding!
As you can see this repository have many pipelines and GitHub Actions, part of the deployment steps (at least in Dev) is to deploy the App to Github Pages, so you can access the application without doing the setup! Just click in the link that is below.
To run the JSON Server locally follow these steps:
- Install JSON Server as a global dependency if you don't have it installed: JSON Server Repository
- Go to the project directory SuperHeroes_SPA with the command line or command prompt.
- Type the following command
json-server --watch ./db.json --port=3004
Now you should see the following log message from JSON Server.
Important Note
If you want to modify the port JSON Server is listening you could use the same flag --port=<port_number>. Also is important to make the update in the src/environments/environment.ts typescript file and change the port number in there.
This project is not going to include any authentication credentials or sensitive information. Is not neccesary to have them, you could setup the same database and testing environments with the database code included.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
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.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.
- @angular-devkit/architect 0.1301.4
- @angular-devkit/build-angular 13.1.4
- @angular-devkit/core 13.1.4
- @angular-devkit/schematics 13.1.4
- @angular/cdk 13.2.3
- @angular/cli 13.1.4
- @angular/flex-layout 13.0.0-beta.38
- @angular/material 13.2.3
- @schematics/angular 13.1.4
- rxjs 7.4.0
- typescript 4.5.5