• Stars
    star
    97
  • Rank 348,505 (Top 7 %)
  • Language SCSS
  • License
    Other
  • Created over 8 years ago
  • Updated about 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

NOTICE: This repo has been deprecated

[DEPRECATED] Ani Theme rewritten in Angular2 and Bootstrap 4

This project is a part of the famous ANI Theme Ani Theme v2.0 to Angular2 Theme.

Powered by StartAngular & StrapUI

##Demo

Ani Angular2 provides the following features:

  • Allows you to painlessly update the seed tasks of your already existing project.
  • Ready to go, statically typed build system using gulp for working with TypeScript.
  • Production and development builds.
  • Ahead-of-Time compilation support.
  • Sample unit tests with Jasmine and Karma including code coverage via istanbul.
  • End-to-end tests with Protractor.
  • Development server with Livereload.
  • Following the best practices for your application’s structure.
  • Manager of your type definitions using @types.
  • Has autoprefixer and css-lint support.

How to start

Note that this seed project requires node v4.x.x or higher and npm 2.14.7.

In order to start the seed use:

Installation

####1. Clone this project or Download that ZIP file

$ git clone [email protected]:start-angular/ani-angular-2.git

####2. Make sure you have npm installed globally

You must have ts-node installed as global. If you don't, use:

npm install -g ts-node

####3. On the command prompt run the following commands

$ cd `project-directory`
$ npm install 
$ npm start

Configuration

Default application server configuration

var PORT             = 9000;
var LIVE_RELOAD_PORT = 9001;
var APP_BASE         = '/';

Directory Structure

.
β”œβ”€β”€ LICENSE
β”œβ”€β”€ README.md
β”œβ”€β”€ gulpfile.ts                <- configuration of the gulp tasks
β”œβ”€β”€ karma.conf.js              <- configuration of the test runner
β”œβ”€β”€ package.json               <- dependencies of the project
β”œβ”€β”€ protractor.conf.js         <- e2e tests configuration
β”œβ”€β”€ src                        <- source code of the application
β”‚Β Β  └── client
β”‚Β Β      β”œβ”€β”€ app
β”‚Β Β      β”‚Β Β  β”œβ”€β”€ login
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ login.component.css
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ login.component.html
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ login.component.ts
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ login.module.ts
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ login.routes.ts
β”‚Β Β      β”‚Β Β  β”‚Β Β  └── index.ts
β”‚Β Β      β”‚Β Β  β”œβ”€β”€ dashboard
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ home
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ component
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ blankpage
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ dashboard.component.css
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ dashboard.component.html
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ dashboard.component.ts
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ dashboard.module.ts
β”‚Β Β      β”‚Β Β  β”‚Β Β  β”œβ”€β”€ dashboard.routes.ts
β”‚Β Β      β”‚Β Β  β”‚Β Β  └── index.ts
β”‚Β Β      β”‚Β Β  β”œβ”€β”€ app.component.html
β”‚Β Β      β”‚Β Β  β”œβ”€β”€ app.component.ts
β”‚Β Β      β”‚Β Β  β”œβ”€β”€ app.module.ts
β”‚Β Β      β”‚Β Β  β”œβ”€β”€ app.routes.ts
β”‚Β Β      β”‚Β Β  β”œβ”€β”€ main.ts
β”‚Β Β      β”‚Β Β  └── shared
β”‚Β Β      β”‚Β Β      β”œβ”€β”€ config
β”‚Β Β      β”‚Β Β      β”‚Β Β  └── env.config.ts
β”‚Β Β      β”‚Β Β      β”œβ”€β”€ index.ts
β”‚Β Β      β”‚Β Β      β”œβ”€β”€ shared.module.ts
β”‚Β Β      β”‚Β Β      β”œβ”€β”€ name-list
β”‚Β Β      β”‚Β Β      β”‚Β Β  β”œβ”€β”€ index.ts
β”‚Β Β      β”‚Β Β      β”‚Β Β  β”œβ”€β”€ name-list.service.spec.ts
β”‚Β Β      β”‚Β Β      β”‚Β Β  └── name-list.service.ts
β”‚Β Β      β”‚Β Β      β”œβ”€β”€ sidebar
β”‚Β Β      β”‚Β Β      β”‚Β Β  β”œβ”€β”€ index.ts
β”‚Β Β      β”‚Β Β      β”‚Β Β  β”œβ”€β”€ sidebar.component.html
β”‚Β Β      β”‚Β Β      β”‚Β Β  └── sidebar.component.ts
β”‚Β Β      β”œβ”€β”€ assets
β”‚Β Β      β”‚Β Β  β”œβ”€β”€ bootstrao
β”‚Β Β      β”‚Β Β  └── images
β”‚Β Β      β”‚Β Β  └── sass
β”‚Β Β      β”œβ”€β”€ index.html
β”‚Β Β      └── tsconfig.json
β”œβ”€β”€ test-main.js               <- testing configuration
β”œβ”€β”€ tools
β”‚Β Β  β”œβ”€β”€ README.md              <- build documentation
β”‚Β Β  β”œβ”€β”€ config
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ project.config.ts  <- configuration of the specific project
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ seed.config.interfaces.ts
β”‚Β Β  β”‚Β Β  └── seed.config.ts     <- generic configuration of the seed project
β”‚Β Β  β”œβ”€β”€ config.ts              <- exported configuration (merge both seed.config and project.config, project.config overrides seed.config)
β”‚Β Β  β”œβ”€β”€ debug.ts
β”‚Β Β  β”œβ”€β”€ env                    <- environment configuration
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ base.ts
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ dev.ts
β”‚Β Β  β”‚Β Β  └── prod.ts
β”‚Β Β  β”œβ”€β”€ manual_typings
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ project            <- manual ambient typings for the project
β”‚Β Β  β”‚Β Β  β”‚Β Β  └── sample.package.d.ts
β”‚Β Β  β”‚Β Β  └── seed               <- seed manual ambient typings
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ angular2-hot-loader.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ autoprefixer.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ colorguard.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ connect-livereload.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ cssnano.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ doiuse.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ express-history-api-fallback.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ istream.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ karma.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ merge-stream.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ open.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ postcss-reporter.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ slash.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ stylelint.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ systemjs-builder.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ tildify.d.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ tiny-lr.d.ts
β”‚Β Β  β”‚Β Β      └── walk.d.ts
β”‚Β Β  β”œβ”€β”€ tasks                  <- gulp tasks
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ project            <- project specific gulp tasks
β”‚Β Β  β”‚Β Β  β”‚Β Β  └── sample.task.ts
β”‚Β Β  β”‚Β Β  └── seed               <- seed generic gulp tasks. They can be overriden by the project specific gulp tasks
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.assets.dev.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.assets.prod.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.bundles.app.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.bundles.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.docs.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.html_css.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.index.dev.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.index.prod.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.js.dev.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.js.e2e.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.js.prod.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.js.test.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ build.js.tools.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ check.versions.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ clean.all.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ clean.coverage.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ clean.dev.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ clean.prod.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ clean.tools.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ copy.js.prod.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ css-lint.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ e2e.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ generate.manifest.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ karma.start.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ serve.coverage.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ serve.docs.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ server.prod.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ server.start.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ tslint.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ watch.dev.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ watch.e2e.ts
β”‚Β Β  β”‚Β Β      β”œβ”€β”€ watch.test.ts
β”‚Β Β  β”‚Β Β      └── webdriver.ts
β”‚Β Β  β”œβ”€β”€ utils                  <- build utils
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ project            <- project specific gulp utils
β”‚Β Β  β”‚Β Β  β”‚Β Β  └── sample_util.ts
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ project.utils.ts
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ seed               <- seed specific gulp utils
β”‚Β Β  β”‚Β Β  β”‚Β Β  β”œβ”€β”€ clean.ts
β”‚Β Β  β”‚Β Β  β”‚Β Β  β”œβ”€β”€ code_change_tools.ts
β”‚Β Β  β”‚Β Β  β”‚Β Β  β”œβ”€β”€ server.ts
β”‚Β Β  β”‚Β Β  β”‚Β Β  β”œβ”€β”€ tasks_tools.ts
β”‚Β Β  β”‚Β Β  β”‚Β Β  β”œβ”€β”€ template_locals.ts
β”‚Β Β  β”‚Β Β  β”‚Β Β  β”œβ”€β”€ tsproject.ts
β”‚Β Β  β”‚Β Β  β”‚Β Β  └── watch.ts
β”‚Β Β  β”‚Β Β  └── seed.utils.ts
β”‚Β Β  └── utils.ts
β”œβ”€β”€ tsconfig.json              <- configuration of the typescript project (ts-node, which runs the tasks defined in gulpfile.ts)
β”œβ”€β”€ tslint.json                <- tslint configuration
β”œβ”€β”€ typings                    <- typings directory. Contains all the external typing definitions defined with typings
β”œβ”€β”€ typings.json
└── appveyor.yml