Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/teammaestro/app-starter

Angular mono-repo (Ionic/Capacitor/StencilJS/Web Component) app starter for supporting cross platform apps.
https://github.com/teammaestro/app-starter

angular capacitor ionic ionic4 mono nx seed-project stenciljs storybook webcomponents

Last synced: 3 days ago
JSON representation

Angular mono-repo (Ionic/Capacitor/StencilJS/Web Component) app starter for supporting cross platform apps.

Awesome Lists containing this project

README

        



# Hive App Starter

Rapidly build web and native (iOS, Android, Desktop) applications using the latest technologies.

## What is the Hive App Starter?

An Angular mono-repository set-up that allows developers to seamlessly share app business logic across multiple platforms (web/native/desktop), using technologies they are familiar with: Angular, Ionic, Capacitor, and StencilJS (web components).

### What makes this seed/starter useful?

#### 1. Design System Architecture

Design and develop re-usable web components in a design system that is previewed in Storybook with external integrations and sync operations with [InvisionApp (DSM)](https://www.invisionapp.com/design-system-manager). Works with Web, Angular and React components.

#### 2. Nrwl/NX

Use enterprise mono-repository architecture while building your application. Easily scale your code's architecture to meet your application's needs.

#### 3. We Eat Our Own Cooking

We use this app starter for every application we build. Tested, tweaked and constantly updated to developing best practices. This starter has been used for clients from Abbott Laboratories to SouthWest Airlines.

### Underlying Technologies
- [Angular](https://angular.io/)
- [Nx](https://nrwl.io/nx)
- [Ionic](https://ionicframework.com/)
- [Capacitor](https://capacitor.ionicframework.com/)
- [StencilJS](https://stenciljs.com/)
- [Storybook](https://storybook.js.org)
- [Firebase](https://firebase.google.com)
- [Algolia](https://www.algolia.com/)

## Getting Started

#### Setup
```
git clone https://github.com/TeamHive/app-starter.git projectName
cd projectName && npm i
npm run build:ui
```

> You can optionally find-replace `hive` and `app` for your own project's scope. Try to keep your scope between 3-5 characters.

#### Running Web
```
npm run start
```

#### Running Native (serving)
```
npm run start:native
```

#### Building Native
```
npm run build:native
```

#### Running Native (iOS)
```
npm run build:native && npx cap open ios
```

#### Running Storybook
```
npm run storybook
```

### Contributors

[Sean Bannigan](https://github.com/sbannigan) | [Sean Perkins](https://github.com/sean-perkins) |[Kasun harshana peiris](https://github.com/peiris) |
:---:|:---:|:---:
|[Sean Bannigan](https://github.com/sean-perkins)|[Sean Perkins](https://github.com/sean-perkins)|[Kasun harshana peiris](https://github.com/peiris)