ngLastFM App - Search for Music and Movies!

This application uses the LastFM API to search musical artists and the TheMovieDB API to search movies to display basic demographical information. It was developed using Angular 5, makes calls to the LastFM API and the TheMovieDB API, and styled using the Bulma CSS Framework.

Versions

• Angular CLI v1.6.7
• Angular v5.2.3
• Bulma v0.6.2

Installation

1. Clone this repo git clone https://github.com/stanleyeosakul/angular-lastfm.git
2. cd into the folder of the cloned repo
3. Run yarn install to install dependencies
4. Update the LastFM API Key

   • Obtain a free API key from LastFM here

   • Obtain a free API key from TheMovieDB here

   • Go to api.service.ts and save your API keys into the file

     export class LastfmService {
     
         API_KEY_LASTFM = <your-lastFM-API-key-goes-here>
         API_KEY_THEMOVIEDB = <your-TheMovieDB-API-key-goes-here>
     
         constructor(private http: HttpClient) { }

5. Run ng serve, and navigate to http://localhost:4200/

Deploying to Heroku

1. Modify the start and postinstall scripts in package.json to:

   "scripts": {
       "ng": "ng",
       "start": "node server.js",
       "build": "ng build",
       "test": "ng test",
       "lint": "ng lint",
       "e2e": "ng e2e",
       "postinstall": "ng build --prod"
   },

2. Move the following dependecies from devDependencies to dependencies in package.json:

   "dependencies": {
       ...
       "@angular/cli": "1.6.6",
       "@angular/compiler-cli": "^5.2.2",
       ...
       "typescript": "~2.5.3",
       ...
   },

3. Deploy to Heroku as directed in their documentation.