All Projects → vladotesanovic → Angular2 Express Starter

vladotesanovic / Angular2 Express Starter

Licence: mit
Angular 8 and Express 👪 ( Heroku ready )

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Angular2 Express Starter

Angular Full Stack
Angular Full Stack project built using Angular, Express, Mongoose and Node. Whole stack in TypeScript.
Stars: ✭ 1,261 (+123.19%)
Mutual labels:  expressjs, angular2, angular-cli
angular-pwa-starter
Lightweight starter 'ng init' with added app shell features (sw-precache, web app manifest).
Stars: ✭ 22 (-96.11%)
Mutual labels:  aot, angular-cli
ncg-crud-ngx-md
Angular 4+ Material Design CRUD/Admin app by NinjaCodeGen http://DNAfor.NET
Stars: ✭ 36 (-93.63%)
Mutual labels:  angular2, angular-cli
ngx-smart-loader
Smart loader handler to manage loaders everywhere in Angular apps.
Stars: ✭ 28 (-95.04%)
Mutual labels:  angular2, angular-cli
ThinkApp
Test your knowledge with any of the available topic this fun and free Champion Quiz Master App. Save your time and effort by saving your queries & its resolutions
Stars: ✭ 15 (-97.35%)
Mutual labels:  expressjs, angular-cli
fullstack-graphql-angular
Simple Fullstack GraphQL Application with Angular CLI + Redux. API built with Typescript + Express + GraphQL + Sequelize (supports MySQL, Postgres, Sqlite and MSSQL). WebApp built with Angular CLI + Redux + Async Middleware to access the API.
Stars: ✭ 67 (-88.14%)
Mutual labels:  angular2, expressjs
angular4-seed-starter
An angular4 starter with webpack2+aot+lazyload+hmr+scss(个人搭的angular4 starter,使用webpack2,包含aot、lazyload、scss、热替换功能等等)
Stars: ✭ 23 (-95.93%)
Mutual labels:  angular2, aot
ng-math
Math Flashcard Progressive Web App built with Angular 2
Stars: ✭ 17 (-96.99%)
Mutual labels:  angular2, angular-cli
Ngx Smart Modal
Modal/Dialog component crafted for Angular
Stars: ✭ 256 (-54.69%)
Mutual labels:  angular2, angular-cli
Ngx Meta
Dynamic page title & meta tags utility for Angular (w/server-side rendering)
Stars: ✭ 331 (-41.42%)
Mutual labels:  aot, angular2
Angular Interview Questions
Most extensive Angular interview questions based on your level.
Stars: ✭ 354 (-37.35%)
Mutual labels:  angular2, angular-cli
ng-seed
Simple Angular seed project with commonly used features.
Stars: ✭ 12 (-97.88%)
Mutual labels:  angular2, aot
i18n-demo
A simple i18n demo app with Angular and expressjs
Stars: ✭ 12 (-97.88%)
Mutual labels:  expressjs, angular-cli
angular-gulp-starter
Simple dev/prod build for Angular (2+) using gulp, systemjs, rollup, ngc (AOT), scss, Visual Studio
Stars: ✭ 18 (-96.81%)
Mutual labels:  angular2, aot
login-form-angular2
A simple login form using the angular2 material design and the angular-CLI.
Stars: ✭ 21 (-96.28%)
Mutual labels:  angular2, angular-cli
ngx-redux-ui-management-recipes
Recipes for managing the UI layout of an application using Redux in Angular
Stars: ✭ 39 (-93.1%)
Mutual labels:  angular2, angular-cli
Todo Angular Firebase
Todo app with Angular CLI • AngularFire2 • Firebase • OAuth • SW-Precache
Stars: ✭ 517 (-8.5%)
Mutual labels:  aot, angular-cli
openpics
Search and download free stock photos from multiple sources for your creative project
Stars: ✭ 31 (-94.51%)
Mutual labels:  angular2, angular-cli
book-store
Example of a book store management with MEAN STACK
Stars: ✭ 23 (-95.93%)
Mutual labels:  expressjs, angular-cli
Angular-Movies
Angular Movies | TV Shows is a simple web app that consumes The Movie DB API - Angular 13 + Material Angular
Stars: ✭ 35 (-93.81%)
Mutual labels:  angular2, angular-cli

Angular4+ Express Starter ( Advanced )

  • Angular 5+
  • ExpressJS ( 4.x - with compression )
  • Webpack ( angular-cli )

Deploy

Concepts

  • Redux ( NgRx/Store - with server calls)
  • Smart & dumb components
  • AOT: Ahead-of-Time compilation
  • Advanced routing ( lazy loading, router outlets...)

Install / Development

git clone https://github.com/vladotesanovic/angular2-express-starter
cd angular2-express-starter

# Install dependencies
npm install

# start server
npm run start

# Client url: http://localhost:4200
# Application ( epxress ) API: http://localhost:4300

Install Redux DevTools chrome extenstion:

https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd

Build / Production

npm run build

## Deploy dist folder to app server

Structure of dist folder:

/dist/server <-- expressjs
/dist/client <-- angular2

Note

All html and css are from: http://www.w3schools.com/howto/

  • INNOVIC doo
  • Software consulting company for building full stack solutions.
  • Proficient in: NodeJS, TypeScript, Angular, MongoDB...
  • You have project for us? [email protected]
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].