I started this project as a pretext for deepening of technologies and tools: Typescript , Angular7, Express NodeJS, Webpack, PrimeNg. A newer version of this project using Angular Material and Ag-Grid replacing PrimeNG can be seen on Starter kitt.
Objectives:
-
using typescript not only on client side, but server side too. Done.
-
having a shared folder for models and other useful code on both sides: client and server. Done.
-
use automatic nodejs server update with nodemon and webpack and use angular live dev server with proxy having separated node modules packages for client and server side. Also creating gulp task for production build. Done.
-
create automation tasks and scripts for development and production mode. Done.
-
adding file log for server side errors or all console messages. Done.
-
create generic classes for Server side (separation of concerns pattern design having generic CRUD operation): Controller, Service, Repository. Done.
-
create generic class for Client side: entity typed generic service. Done.
-
create generic layout for applications with left side slide tree menu. Done.
-
create automation gulp task for generate entity source files for client,shared,server and script.This task must add imports and routing on server and client side too. Done.
-
create components to generate list for desktop and mobile devices, edit entity form . Done with PrimeNg components.
-
ALL the source entity files (users, projects, task, task-types) are generated with gulp gen:entity task
01. Clone this repository.
02. Run npm run install-all script in root folder for install all packages in root, client and server folder.
03. Create database with src/scripts/init-db.sql.
04. Create tables with src/scripts/create-tables.sql
05. Change extends in root tslint.json to you general tslint.json file, or delete extends.
06. Change server port in src/server/src/ConfigApi.ts and in src/client/proxy.conf.json to the desired one or in packages scripts.
07. Change angular dev server port in src/client/angular.json, serve.port to the desired one.
08. Run npm server:build-dev. This will create dist/server.js
09. Run npm server:start-dev. This will start nodeJs api server.
10. Run npm client:start-dev. This will run ng serve with proxy config (src/client/proxy.conf.json).
11. View app on http://localhost:4201
12. For production build run npm run build-prod. This will run build for client and server side and copy source files in dist folder.
13. Test production with Server:start-prod and Client:start-prod npm scripts.