![]() it's a repo designed to create a Web Application with Angular 14
|
Here is a working live demo : https://angular.ganatan.com/
Dependencies
- Angular : 14.1.3
- Angular CLI : 14.1.3
- Angular Universal : 14.1.0
- Bootstrap : 5.2.0
- Fontawesome : 6.1.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
# 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 frontend
# 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
npm run lint
npm run test
npm run coverage
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- Launch html pages in your browser
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
- Database Creation
- Domains Creation (only PostgreSQL)
- 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
Use the SQL scripts in mysql-sql
- create-database.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
# 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)
- Change settings in mysql-express-batch/app/config
- File config/config.json
- dbUser: "root"
- dbPassword: "Trustno1" ! Change the Fox Mulder password by your password
# select the repo
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)
- 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
# 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
- in your browser http://localhost:5004/movies
- in your browser http://localhost:5004/shows
- in your browser http://localhost:5004/continents
- in your browser http://localhost:5004/countries
- in your browser http://localhost:5004/cities
- 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