Angular 17 ,Bootstrap 5, Node.js, Express.js, CRUD, PWA, SSR, SEO, Lazy Loading, Examples Angular & React nrwl
it's a repo designed to create a Web Application with Angular 18
Frontend - Angular 18.2.1 & Angular CLI 18.2.1
UI prototype - bootstrap 5
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
Here is a working live demo : https://angular.ganatan.com/
Dependencies
Features
# select a repo from github or gitlab
# download the example or clone the repo from github
git clone https://github.com/ganatan/angular-app.git
# download the example or clone the repo from gitlab
git clone https://gitlab.com/ganatan/angular-app.git
# change directory
cd angular-app
cd application-angular
# 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
npm run lint
npm run test
npm run coverage
npm run build
( with SSR)npm run serve:ssr
build image
docker build -t angular-starter:1.0.0 .
run container
docker run -d -p 4000:4000 angular-starter:1.0.0
run container mode bash
docker run -it angular-starter:1.0.0 /bin/bash
in your browser http://localhost:4000
Tools
mysql-express-batch (with Node.js)
mysql-sql (with SQL Scripts)
postgresql-express-batch (with Node.js)
postgresql-express-crud (with Node.js and Express)
postgresql-sql (with SQL Scripts)
Features
Use the SQL scripts in postgresql-sql
Use the SQL scripts in mysql-sql
# select the repo
cd application-node
cd postgresql-express-batch
# install the repo with npm
npm install
# create database and import JSON data
npm run create
# For the fun delete All data/export Files
# Export JSON data in data/export
npm run export
# Check the new files (for example movies.json)
# select the repo
cd application-node
cd mysql-express-batch
# install the repo with npm
npm install
# create database and import JSON data
npm run create
# For the fun delete All data/export Files
# Export JSON data in data/export
npm run export
# Check the new files (for example movies.json)
# select the repo
cd application-node
cd postgresql-express-crud
# install the repo with npm
npm install
# Serve CRUD REST API : development mode with nodemon
npm run dev
# Serve CRUD REST API : local mode
npm run start
# Serve CRUD REST API : production mode
npm run prod
# Serve CRUD REST API : production mode with pm2 (process manager)
pm2 start process.config.js --env prod
English Tutorials
Tutoriels en français