• Stars
    star
    523
  • Rank 83,931 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 8 years ago
  • Updated almost 7 years ago

Reviews

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

Repository Details

โญ Gulp Angular Starter using TypeScript (Updated to 4.4.3)

Angular Starter

Build Status codecov Dependency Status devDependency Status

Live Production Build Demo

Angular Webpack Starter is out! Featuring AoT compilation, Lazy loaded module, Tree-shaking with Webpack 2

Introduction

Welcome to Angular Starter! This starter contains almost everything you need to start developing Angular 2.

Why choose this starter?

  • Extensible via ngstarter extensions
  • Complete workflow from serve, lint, unit test, e2e test, to bundling
  • Support file-based and strong-typed Environment Variables
  • 100% code coverage
  • 100% CI/CD pipeline ready
  • No global package installation
  • No module bundler coupling

What's included?

Please visit the wiki for more details.

Prerequisites

You need to have Node.js and npm

  • Support Node v6.9 - latest
  • Support npm v3 - latest

Global Gulp CLI is not required, since you can map them to npm scripts, but a nice to have for development purpose.

Installation

Download the starter from releases page

Go to the starter directory and install the packages:

npm install

Start

Let's start up the server, run:

npm start

and done! The browser will popup and you can start trying Angular! Every changes to the file will refresh the browser automatically and it'll also compile your changed TypeScripts files to Javascript files.

Testing

This starter comes with testing gulp workflow

Unit testing

Just run

npm test

and it'll compile all TypeScript files, start Karma, then remap Istanbul coverage so that it shows TypeScript coverage, not the transpiled JavaScript coverage.

Coverage result

E2E testing

Firstly start the server:

npm start

To begin testing, run:

npm run e2e

and it'll compile all E2E spec files in /src/test/e2e/*.spec.ts, boot up Selenium server then launches Chrome browser.

Production

All build tasks will run the gulp test, the bundle will only be created if the test passed.

For more details, visit Continuous Integration wiki

You can create production build by running:

npm run build

or you can create production build and then serve it using Browsersync by running:

npm run serve-build

The starter defaults to bundle using SystemJS Builder extension. There is Webpack extension available too, feel free to swap it as you like.

Extension

You can extend this starter with many extensions built by the community. Browse the extensions here

Contributing

Feel free to submit a PR if there are any issues or new features, please read this before

Special thanks

License

MIT

More Repositories

1

cra-universal

๐ŸŒ Create React App companion for universal app. No eject, zero config, Streaming SSR with Suspense. React 18 ready
JavaScript
432
star
2

angular-webpack-starter

๐ŸŒŸ Angular Webpack Starter with AoT compilation, Lazy-loading, Tree-shaking, and Hot Module Reload (Updated to 4.1.0!)
JavaScript
90
star
3

express-firebase

๐Ÿ”ฅ Express starter for your Firebase applications
JavaScript
59
star
4

express-firebase-middleware

๐Ÿ”ฅ Express middleware for your Firebase applications
JavaScript
51
star
5

gitcard

Indonesia GitHub stats for fun. Backend at https://github.com/antonybudianto/gitcard-go
JavaScript
34
star
6

react-save-localstorage

๐Ÿ—„ React component to save data to localStorage on render phase safely
JavaScript
26
star
7

wfa-id

WFA ID. Work-From-Anywhere Company List in Indonesia
TypeScript
25
star
8

react-ua

๐Ÿ“ฑReact User Agent Component, Hook, and HOC. SSR-ready, full UT, using new React Context and Hooks API
TypeScript
22
star
9

react-ssr-starter

๐Ÿ“š Featuring Webpack 4, React 17-18, SSR, HMR, prefetching, universal lazy-loading, and more
JavaScript
19
star
10

create-react-app-express

โš™๏ธ Express server for your Create React App (Backbone of cra-universal)
JavaScript
19
star
11

gitcard-go

Indonesia GitHub stats for fun. Frontend at https://github.com/antonybudianto/gitcard
Go
14
star
12

react-kits

โš”๏ธ Opinionated Fullstack React toolkits featuring project generation, dev server, build production bundle, and common dev-tools. This is simple DIY create-react-app.
JavaScript
14
star
13

antonybudianto-web-old

Personal website
JavaScript
14
star
14

react-three-fpscontrols

React Three Fiber FPS Controls for mobile and desktop. Joystick for mobile, Keyboard for desktop.
TypeScript
13
star
15

react-lib-scripts

๐Ÿ› ๏ธ All-in-one CLI for building React Library
JavaScript
11
star
16

koa-firebase

โ˜• Koa with Firebase powered starter
JavaScript
11
star
17

next-gpt

Opinionated ChatGPT Client with Next.js, Tailwinds, Firebase, Vercel Edge Streaming.
TypeScript
11
star
18

gitfun-react-native

๐Ÿ‘จโ€๐Ÿ’ป Simple GitHub client on your mobile
JavaScript
8
star
19

react-lib-starter

๐Ÿ“ฆ React library starter with monorepo structure, using Lerna as package manager. Used react-lib-scripts.
JavaScript
7
star
20

go-github

Deprecated due to binary commit history. New https://github.com/antonybudianto/gitcard-go
Go
6
star
21

go-rest-starter

๐Ÿ“ฆ Golang REST starter, dockerized
Go
6
star
22

react-swc-kits

Opinionated Fullstack React SWC toolkits featuring project generation, dev server, build production bundle, and common devtools. (WIP)
JavaScript
6
star
23

angular-hackathon-starter

๐Ÿ’ก Hackathon ready starter with Angular and Firebase (Updated to latest Angular 4 and angularfire@next)
TypeScript
5
star
24

angularjs-starter

AngularJS with Johnpapa Styleguide Project Template, it also includes Travis CI and Coveralls integration.
JavaScript
5
star
25

vite-saas

My personal Vite SAAS starter
TypeScript
4
star
26

next-code-antonybudianto

JavaScript
3
star
27

hello-rust

Demo Firebase JWT verify with Rust in Vercel
Rust
3
star
28

gitfun-web

Simple GitHub client
JavaScript
3
star
29

node-firebase-resume

๐Ÿ“„ Resume generator using Firebase and Node
HTML
3
star
30

rust-starter

Opinionated Rust starter w/ cargo, prettier, GitHub actions
Makefile
3
star
31

next-starter

nextjs, tailwind, landing page
JavaScript
3
star
32

angular-cli-env

๐Ÿ“ฆ Environment Variable addon for Angular 2 CLI projects, inspired by Twelve-Factor App
JavaScript
3
star
33

react-client-hints

React User Agent Client Hints Hooks, Component, and Provider. SSR-ready and fully unit-tested.
JavaScript
3
star
34

vercel-og-nextjs

TypeScript
2
star
35

leetcode-js

My LeetCode exercises, written in JavaScript
JavaScript
2
star
36

react-firebase-hoc

๐Ÿ”ฅ React Higher Order Components for Firebase
JavaScript
2
star
37

react-starter

โšก Simple React starter with Webpack and ES6
JavaScript
2
star
38

react-resume

Create a PDF resume using React
TypeScript
2
star
39

codility-js

My Codility exercises, written in JavaScript
JavaScript
2
star
40

swc-plugin-starter

Opinionated SWC plugin starter w/ cargo, prettier, GitHub actions
Rust
2
star
41

playground-react-webpack

simple playground for webpack, react, swc.
JavaScript
2
star
42

dns-proxy-server

JavaScript
2
star
43

antony-web

New Portfolio using NextJS
JavaScript
2
star
44

firebase-rs

Firebase JWT Rust package. Small utility to decode your Firebase client token in Rust
Rust
2
star
45

local-file-rest

Easy file transfer with REST for server-to-server
JavaScript
2
star
46

react-wasm-fiddle

Playground for React + WASM
JavaScript
2
star
47

create-react-app-universal

โฑ๏ธ Instant Server-side rendering and Code-splitting for your Create React App projects, without ejecting
JavaScript
1
star
48

next-antonybudianto

TypeScript
1
star
49

babel-plugin-emotion-rename

Babel plugin to rename old Emotion 9 imports to new Emotion 11 imports
TypeScript
1
star
50

countboard-nextjs

Created with CodeSandbox
TypeScript
1
star
51

demo-swc

JavaScript
1
star
52

nuxt-ts-starter

Nuxt 3 starter - from official nuxi init
Vue
1
star
53

rust

Index collection of my Rust learning
1
star
54

ac-express

Animal Crossing Simple Item Album creator. For sharing your DIY/items list to your friends with visual
JavaScript
1
star
55

playground

1
star
56

swc-plugin-hello

Nothing to see. Only repo for custom swc plugin playground
Rust
1
star
57

countboard-nuxt

Created with CodeSandbox
Vue
1
star
58

antonybudianto

1
star
59

leetcode-rs

LeetCode solutions in Rust
Rust
1
star
60

react-menubar-starter

JavaScript
1
star
61

element-inspector

Simple DOM element inspector
JavaScript
1
star
62

nuxt2-ts-starter

Nuxt V2 with TypeScript (based on create-nuxt-app)
TypeScript
1
star
63

ac-frontend

JavaScript
1
star
64

genshin-sim

Created with StackBlitz โšก๏ธ
JavaScript
1
star
65

coin-book-mobile

Cryptocurrency viewer using React Native and VIP Bitcoin API
JavaScript
1
star
66

crna-starter

Start your CRNA projects with React Redux, React Navigation, and App Intro ready
JavaScript
1
star
67

cra-universal-demo

create-react-app + cra-universal integration
TypeScript
1
star
68

resto-api

Go
1
star
69

koa-nginx

JavaScript
1
star
70

demo-react-testing

JavaScript
1
star
71

astro-react-starter

Playground Astro with React
Astro
1
star
72

mdevbox

Mobile Web Devbox Platform
JavaScript
1
star