it's a repo designed to create a Web Application with Angular 10 Frontend - Angular 10.2.1 & Angular CLI 10.2.0 UI prototypes - bootstrap 5 & bootstrap 4 Backend - CRUD REST API PostgreSQL See the Live demo, Test the repo with Quick start and for more information Read the step by step Tutorial or read the Getting started And if you want to support ⭐ Star us on GitHub

Here is a working live demo : https://angular.ganatan.com/

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

Dependencies

• Angular : 10.2.1
• Angular CLI : 10.2.0
• Angular Universal : 10.1.0
• Bootstrap : 5.0.0-alpha1
• Fontawesome : 5.15.1
• jquery : 3.5.1

Features

• Routing
• Lazy Loading
• Server Side Rendering
• Progressive Web App
• Responsive Layout
• Search Engine Optimization (SEO)
• Components
• Services
• Reactive Form
• Template Driven Forms
• Search / Grid / Pagination
• Leaflet

# clone the repo
git clone https://github.com/ganatan/angular10-app.git

# change directory
cd angular10-app

# install the repo with npm
npm install

# start the server
npm start

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

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

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

• 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:5204

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

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

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

• change directory cd ui (Bootstrap 4) or ui-v5 (Bootstrap 5)
• Launch html pages in your browser

Tools

• postgresql-express-batch (with Node.js)
• postgresql-express-crud (with Node.js and Express)
• postgresql-sql (with SQL Scripts)

Features

• Database Creation
• Domains Creation
• Tables Creation
• Importing Data
• Exporting Data
• Serving RESTful CRUD API

Use the SQL scripts in postgresql-sql

• create-database.sql
• create-domains.sql
• create-tables.sql
• insert-data.sql

• Change settings in postgresql-express-batch/app/config
• File config/config.json
• dbUser: "postgres"
• dbPassword: "Trustno1" ! Change the Fox Mulder password by your password

# select the repo
cd postgresql-express-batch

# install the repo with npm
npm install

# create database and import JSON data
npm run create

# export JSON data in data/export
npm run export

• Change settings in postgresql-express-crud/app/config
• File config/config.json
• dbUser: "postgres"
• dbPassword: "Trustno1" ! Change the Fox Mulder password by your password

# select the repo
cd postgresql-express-crud

# install the repo with npm
npm install

# create database and import JSON data
node server

• in your browser http://localhost:5204/movies
• in your browser http://localhost:5204/shows
• in your browser http://localhost:5204/continents
• in your browser http://localhost:5204/countries
• in your browser http://localhost:5204/cities

• Updated : 04/11/2020
• Author : danny

English Tutorials

• Step by Step - https://www.ganatan.com/tutorials/en

Tutoriels en français

• Etapes par étapes - https://www.ganatan.com/tutorials