AntonellaM / adalab-project

Adalab postcard project

Adalab project

Getting started

Prerequisites

Node .js

Angular requires Node.js version 8.x or 10.x. To check your version, run: node -v

To install Node.js:

• Ubuntu

sudo apt update

sudo apt install nodejs npm

• Mac

brew update

brew install node

Install the Angular CLI

You use the Angular CLI to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.

npm install -g @angular/cli

Create a workspace and initial application

In this case we will just fork the repo and work with it, but in case you want to create a new Angular project:

ng new my-app

Remember to run npm install after cloning this repo!

Serve the application

Run the following line once you're inside the project folder:

ng serve --open

Deploy on Github pages

Resources

Installations

• Angular: https://angular.io/guide/quickstart
• Node.js Ubuntu: https://linuxize.com/post/how-to-install-node-js-on-ubuntu-18.04/
• Node.js mac: https://treehouse.github.io/installation-guides/mac/node-mac.html
• Github pages: https://alligator.io/angular/deploying-angular-app-github-pages/

Styling

• Material box-shadow: https://codepen.io/sdthornton/pen/wBZdXq
• Background: https://blog.logrocket.com/advanced-effects-with-css-background-blend-modes-4b750198522a
• Hover: https://css-tricks.com/having-fun-with-link-hover-effects/