Angular 10 Application

---

---

---

Front-end : What's included

Dependencies

• Angular : 10.0.9
• Angular CLI : 10.0.6
• Angular Universal : 10.0.2
• Bootstrap : 4.5.2
• Fontawesome : 5.14.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.18.1
• Express.js : 4.17.1
• pg-promise : 10.5.7

Features

• PostgreSQL
• Database Creation
• Domains Creation
• Tables Creation
• Importing Data
• Exporting Data
• RESTful API

Quick start

# clone the repo
git clone https://github.com/ganatan/Angular10-Application.git

# change directory
cd Angular10-Application

# install the repo with npm
npm install

# start the server
npm start

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

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
• In your browser http://localhost:4000

Prototype Bootstrap

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

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
• In your browser http://localhost:5200