Client application that consumes the REST API Gracenote.
This project was generated with Angular CLI version 10.0.8 and uses Angular Material as its general theme.
I wanted to develop the API with the client in mind so that I can easily visualize the needs in the client's perspective. Now that the API has enough resources, I decided to start this project.
Personally, this also helps me practice front-end development. Layouting, color selections, my visual design sense in general has always been lacking. Furthermore, I also wanted to experience creating an app from ground-up with Angular.
- Clone Gracenote API and Gracenote Angular on your preferred directory.
- Setup Gracenote API.
- Open Gracenote Angular folder on your preferred IDE (I'm using VS Code).
- Remove the
SAMPLE-prepend at files undersrc/enviroments/. - Use the corresponding files according to the environment you are in (in this case,
environment.ts) and point theapiDomainenvironment variable according to the local URL Gracenote API is deployed to (http://localhost:8080by default)1. - Finally, run the desired Angular command. See the following instructions that are taken from the generated README by Angular.
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 build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
1: Use environment.prod.ts for production deployment
- Run the command
ng build --prod --build-optimizerat the root directory of the project. This will create adist/folder with the generated minified files and prod as environment. - Copy the contents of this folder to a server instance (i.e. Tomcat server, Azure storage account, etc.).
- Optimize service API calls– probably generate a client model through Swagger
- Add user implementation