- Enter a keyword to search for.
- Select "artist" or "track" as the search type.
- Have the names of all search results print as a list.
- Add a "Showing X-X of X results found" message.
- Setup pagination links for accessing the next page of results.
Tools needed to run this app:
node
andnpm
Once you have these, install the following as globals:
npm install -g gulp karma karma-cli webpack
fork
this repoclone
your forknpm install -g gulp karma karma-cli webpack
install global cli dependenciesnpm install
to install dependencies
NG6 uses Gulp to build and launch the development environment. After you have installed all dependencies, you may run the app. Running gulp
will bundle the app with webpack
, launch a development server, and watch all files. The port will be displayed in the terminal.
gulp webpack
- runs Webpack, which will transpile, concatenate, and compress (collectively, "bundle") all assets and modules into
dist/bundle.js
. It also preparesindex.html
to be used as application entry point, links assets and created dist version of our application.
- runs Webpack, which will transpile, concatenate, and compress (collectively, "bundle") all assets and modules into
gulp serve
- starts a dev server via
webpack-dev-server
, serving the client folder.
- starts a dev server via
gulp watch
- alias of
serve
- alias of
default
(which is the default task that runs when typinggulp
without providing an argument)- runs
serve
.
- runs
gulp component --name componentName
- scaffolds a new Angular component.
Deploy to Surge
npm install --global surge
gulp webpack
cd dist
surge