Angular Applications

Table of Contents

• Table of Contents
• Applications
  • Spotify Player
  • Todo App
• Build With
• Getting Started
• Installation
• Usage
  • Development server
  • Build
  • Running unit tests
  • Running end-to-end tests
• Understand the workspace
• Contact

Applications

Spotify Player

View the Web App »

Control Spotify playback within the browser window. Shows the current song and progress. Connects to your Spotify through the Player API.

More information can be found in the applications README.

Todo App

View the Web App »

Manage Tasks using the Todo App. Stores data in the browsers Local Storage. This application uses the latest browser features including Progressive Web Applications and Service Workers and Notifications.

More information can be found in the applications README.

Build With

These projects were build using the following:

• Angular.
• Nx.
• Sass.
• TypeScript.

Getting Started

First, install the dependencies:

• Nodejs: Follow the instructions on the NodeJS website
• Yarn package manager (npm install -g yarn). Yarn Website

To get started, clone the repository and then install dependencies.

$ git clone git@github.com:alexander-lloyd/angular-apps.git

Installation

Install dependencies.

$ yarn install

Usage

Development server

Run yarn serve <app-name> for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run yarn build <app-name> to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run yarn test <app-name> to execute the unit tests via Jest.

Run yarn affected:test to execute the unit tests affected by a change.

Running end-to-end tests

Run yarn e2e <app-name> to execute the end-to-end tests via Cypress.

Run yarn affected:e2e to execute the end-to-end tests affected by a change.

Understand the workspace

Run yarn dep-graph to see a diagram of the dependencies of your projects.

Contact

• Project Link: https://github.com/alexander-lloyd/angular-apps
• LinkedIn: