Angular 9 Application

<<<<<<< HEAD Angular 9.1.4 + Angular CLI + Angular Universal ======= Angular 9.1.7 + Angular CLI + Angular Universal >>>>>>> 77fa1265ff1f6831a6eef0b7db1bd9c9d98e4aa5
Lazy Loading + SSR + PWA + SEO + google Analytics + API REST (Node.js)
Prototype bootstrap
<<<<<<< HEAD

======= LIVE DEMO

>>>>>>> 77fa1265ff1f6831a6eef0b7db1bd9c9d98e4aa5

Lighthouse Audit

Table of contents

• Status
• Quick start
• Front-end
• Back-end
• Author
• Documentation

Status

<<<<<<< HEAD

77fa1265ff1f6831a6eef0b7db1bd9c9d98e4aa5

Front-end : What's included

Dependencies <<<<<<< HEAD

• Angular : 9.1.4
• Angular CLI : 9.1.4
• Angular Universal : 9.1.0
• Bootstrap : 4.4.1 =======
• Angular : 9.1.7
• Angular CLI : 9.1.6
• Angular Universal : 9.1.1
• Bootstrap : 4.5.0

77fa1265ff1f6831a6eef0b7db1bd9c9d98e4aa5

• Fontawesome : 5.13.0
• jquery : 3.5.1

Features

• Routing
• Lazy Loading
• Server Side Rendering
• Progressive Web App
• Responsive Layout
• Search Engine Optimization (SEO)
• Components
• Services
• inheritance
• Search / Grid / Pagination
• Leaflet open-source JavaScript library

Back-end : What's included

Dependencies

• Node.js : 12.16.2
• Express.js : 4.17.1
• pg-promise : 10.4.4

Features <<<<<<< HEAD

• PostgreSQL =======
• PostgreSQL

77fa1265ff1f6831a6eef0b7db1bd9c9d98e4aa5

• Database Creation
• Domains Creation
• Tables Creation
• Importing Data
• Exporting Data <<<<<<< HEAD
• RESTful API =======
• RESTful API

77fa1265ff1f6831a6eef0b7db1bd9c9d98e4aa5

Quick start

# clone the repo
<<<<<<< HEAD
git clone https://github.com/dev-assassin/angular9-app.git
=======
git clone https://github.com/ganatan/angular9-app.git
>>>>>>> 77fa1265ff1f6831a6eef0b7db1bd9c9d98e4aa5

# change directory
cd angular9-app

# install the repo with npm
npm install

# start the server
npm start

<<<<<<< HEAD in your browser go to http://localhost:4200

in your browser go to http://localhost:4200

77fa1265ff1f6831a6eef0b7db1bd9c9d98e4aa5

Front-end

Installation

• npm install (installing dependencies)
• npm outdated (verifying dependencies)

Developpement

• npm run start <<<<<<< HEAD
• in your browser http://localhost:4200 =======
• in your browser http://localhost:4200

77fa1265ff1f6831a6eef0b7db1bd9c9d98e4aa5

Settings

• you can select one of these Datasources

• Change settings in src/app/modules/application/movies-images-list

• File config/config.service.ts

• default: LOCAL JSON

• LOCAL REST API CRUD : http://localhost:5200

Tests

• npm run lint
• npm run test
• npm run e2e

Compilation

• npm run build ( without SSR)
• npm run build:ssr ( with SSR)

Production

• npm run serve:ssr <<<<<<< HEAD
• in your browser http://localhost:4000 =======
• in your browser http://localhost:4000

77fa1265ff1f6831a6eef0b7db1bd9c9d98e4aa5

Prototype Bootstrap

• change directory cd ui
• launch html pages in your browser

Back-end

Installation

<<<<<<< HEAD

• change directory cd api =======
• change directory cd api

77fa1265ff1f6831a6eef0b7db1bd9c9d98e4aa5

• npm install (installing dependencies)
• npm outdated (verifying dependencies)

Database Creation

• change login and password for postgreSQL in file config.json

• login":"postgres"

• password":"your_password"

• npm run app (database creation)

Developpement

• npm run start <<<<<<< HEAD
• in your browser http://localhost:5200

Tests API

• in your browser http://localhost:5200/movies

Author

• Updated : 11/05/2020
• Author : Assassin =======
• in your browser http://localhost:5200

Tests API

• in your browser http://localhost:5200/movies

Author

• Updated : 14/05/2020
• Author : danny

Documentation

English Tutorials

• Installation - https://www.ganatan.com/tutorials/build-full-web-application-with-angular
• Tutorials Step by Step - https://www.ganatan.com/tutorials/en

Tutoriels en français

• Installation - https://www.ganatan.com/tutorials/creer-application-web-complete-avec-angular
• Tutoriels Etapes par étapes - https://www.ganatan.com/tutorials

77fa1265ff1f6831a6eef0b7db1bd9c9d98e4aa5