All Projects → camargo → ng-seed

camargo / ng-seed

Licence: other
Simple Angular seed project with commonly used features.

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to ng-seed

angular-gulp-starter
Simple dev/prod build for Angular (2+) using gulp, systemjs, rollup, ngc (AOT), scss, Visual Studio
Stars: ✭ 18 (+50%)
Mutual labels:  angular2, seed, starter, aot, angular-2
Ng2 Smart Table
Angular Smart Data Table component
Stars: ✭ 1,590 (+13150%)
Mutual labels:  angular2, ng2, aot, angular-2
Universal
Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
Stars: ✭ 669 (+5475%)
Mutual labels:  seed, starter, aot
example-app
Example app showcasing fulls1z3's Angular libraries
Stars: ✭ 27 (+125%)
Mutual labels:  seed, starter, aot
angular2-webpack-advance-starter
An advanced Angular2 Webpack Starter project with support for ngrx/store, ngrx/effects, ng2-translate, angulartics2, lodash, NativeScript (*native* mobile), Electron (Mac, Windows and Linux desktop) and more.
Stars: ✭ 49 (+308.33%)
Mutual labels:  angular2, seed, starter
Angular Library Seed
🌾 Seed project for Angular libraries that are AOT/JIT compatible and that use external SCSS-styles and HTML-templates
Stars: ✭ 197 (+1541.67%)
Mutual labels:  seed, starter, aot
ng-elm
Write Angular components in Elm.
Stars: ✭ 41 (+241.67%)
Mutual labels:  angular2, ng2, angular-2
angular4-seed-starter
An angular4 starter with webpack2+aot+lazyload+hmr+scss(个人搭的angular4 starter,使用webpack2,包含aot、lazyload、scss、热替换功能等等)
Stars: ✭ 23 (+91.67%)
Mutual labels:  angular2, starter, aot
Egeo
EGEO is the open-source UI library used to build Stratio's UI. It includes UI Components, Utilities, Services and much more to build user interfaces quickly and with ease. The library is distributed in AoT mode.
Stars: ✭ 69 (+475%)
Mutual labels:  angular2, aot, angular-2
vuejs-typestyle-seed
VueJS + TypeStyle seed using JSX
Stars: ✭ 20 (+66.67%)
Mutual labels:  seed, starter
angular2-pokedex
A Pokedex built on Angular with AoT, Tree Shaking, Rollup and TypeScript
Stars: ✭ 34 (+183.33%)
Mutual labels:  aot, angular-2
ng2-acl
Role based permissions for Angular v2++
Stars: ✭ 15 (+25%)
Mutual labels:  angular2, angular-2
angular5-starter
⭐ An Angular5 Starter Kit :: Router, HttpClient, Forms, Services, Dev/Prod, HMR, Async/Lazy Routes and a very good structure for large applications by @naologic
Stars: ✭ 54 (+350%)
Mutual labels:  seed, starter
ic-datepicker
Angular (2+) datepicker component
Stars: ✭ 27 (+125%)
Mutual labels:  angular2, ng2
ng-data-picker
🏄🏼 A data picker based on Angular 4+ (like native datetime picker of iOS)
Stars: ✭ 24 (+100%)
Mutual labels:  angular2, ng2
angular2-signature-pad
Signature pad component for Angular 2.x and above.
Stars: ✭ 17 (+41.67%)
Mutual labels:  angular2, ng2
ng2-fontawesome
An easy-to-use directive for font awesome icons.
Stars: ✭ 20 (+66.67%)
Mutual labels:  angular2, ng2
ng2-storage
A local and session storage wrapper for angular 2.
Stars: ✭ 14 (+16.67%)
Mutual labels:  angular2, ng2
laravel5Angular4
Laravel 5.4 & Angular 4.3.4
Stars: ✭ 37 (+208.33%)
Mutual labels:  angular2, angular-2
Angular2-RecordRTC
A demonstration of RecordRTC working with Angular 2
Stars: ✭ 38 (+216.67%)
Mutual labels:  angular2, angular-2

ng-seed

Note: This project was made when the Angular CLI was immature. I now recommend using the CLI for starting new Angular projects.

This is a basic application that you can use to bootstrap your new Angular project. To get started, change all occurrences of "app" in this project to your app name.

Features

  1. Angular 5.1.0 (2017-12-06)
  2. Webpack 3
  3. Linting (TSLint & Codelyzer)
  4. Unit Testing (Karma & Jasmine)
  5. E2E Testing (Protractor)
  6. Docker
  7. Routing
    • /home: Not lazy-loaded
    • /about: Lazy-loaded
  8. HTTP Request via Service (GET public IP address)
  9. Dev build (via Webpack Dev Server), and Prod build (via AOT)

Download Project & Install Dependencies

git clone https://github.com/camargo/ng-seed.git
cd ng-seed
npm cache clean
npm install

Remove Dependencies & Built Folders

rm -rf node_modules
rm -rf dist

Run via Webpack (Dev Mode)

npm run build:dev

Visit http://localhost:8080/ to view the running application.

Run via Docker (Prod Mode)

Build image and run container from that image:

npm run build:prod
docker build -t app-image $(pwd)/dist
docker run --name app -d -p 8081:80 app-image

Or just run container:

npm run build:prod
docker run --name app -v $(pwd)/dist:/usr/share/nginx/html:ro -d -p 8081:80 nginx

Visit http://localhost:8081/ to view the running application.

Run Linting

npm run lint

Run Unit Tests

npm run unit

Run E2E Tests

npm run e2e
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].