# angular-material-app

**Repository Path**: 425048/angular-material-app

## Basic Information

- **Project Name**: angular-material-app
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: next
- **Homepage**: http://stbui.oss-cn-beijing.aliyuncs.com/angular-material-app/index.html
- **GVP Project**: No

## Statistics

- **Stars**: 19
- **Forks**: 11
- **Created**: 2017-10-07
- **Last Updated**: 2023-07-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 中后台前端应用框架 [![国内demo](https://img.shields.io/badge/%e5%9b%bd%e5%86%85-demo-brightgreen.svg?style=flat-square)](http://stbui.oss-cn-beijing.aliyuncs.com/angular-material-app/index.html) [![国外demo](https://img.shields.io/badge/%e5%9b%bd%e5%a4%96-demo-brightgreen.svg?style=flat-square)](https://surgeon-canary-67612.netlify.com/) [![github](https://img.shields.io/badge/github-demo-brightgreen.svg?style=flat-square)](https://stbui.github.io/angular-material-app/) [![国外doc](https://img.shields.io/badge/%e5%9b%bd%e5%a4%96-doc-brightgreen.svg?style=flat-square)](https://translator-rhinoceros-87537.netlify.com/)

<p align="center">
  <a href="./" target="blank"><img src="src/assets/logo.png" alt="stbui Logo" width="128" /></a>
</p>

基于最新`Angular 9`框架与`Material 2`技术的企业级中后台前端应用框架。

[![Travis](https://travis-ci.org/stbui/angular-material-app.svg?branch=master)](https://travis-ci.org/stbui/angular-material-app)
[![Docker Build Status](https://img.shields.io/docker/build/stbui/angular-material-app.svg?style=flat-square)](https://hub.docker.com/r/stbui/angular-material-app/)
[![Dependency Status](https://img.shields.io/david/stbui/angular-material-app.svg?style=flat-square)](https://david-dm.org/stbui/angular-material-app)
[![devDependency Status](https://img.shields.io/david/stbui/angular-material-app.svg?style=flat-square)](https://david-dm.org/stbui/angular-material-app?type=dev)
[![Join the chat at https://gitter.im/angular-material-app](https://badges.gitter.im/stbui/angular-material-app.svg)](https://gitter.im/angular-material-app/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link)
[![Powered_by](https://img.shields.io/badge/Powered_by-stbui-green.svg?style=flat)](https://github.com/stbui/angular-material-app)

### Plaform

[![Angular](https://img.shields.io/badge/Angular-8.0.0-brightgreen.svg?style=flat-square)](https://github.com/angular/angular)
[![Angular-cli](https://img.shields.io/badge/Angular.cli-8.0.0-brightgreen.svg?style=square)](https://github.com/angular/angular-cli)
[![Angular Material 2](https://img.shields.io/badge/Material%202-8.0.0-brightgreen.svg?style=square)](https://github.com/angular/material2)
[![Flex-Layout](https://img.shields.io/badge/Flex.Layout-latest-brightgreen.svg?style=square)](https://github.com/angular/flex-layout)
[![Angular FireBase](https://img.shields.io/badge/Firebase-latest-brightgreen.svg?style=square)](https://github.com/angular/angularfire)
[![Angular PWA](https://img.shields.io/badge/PWA-latest-brightgreen.svg?style=square)](https://github.com/angular/angular-cli)
[![Electron](https://img.shields.io/badge/electron-latest-brightgreen.svg?style=square)](https://github.com/electron/electron)
[![Graphql](https://img.shields.io/badge/graphql-latest-brightgreen.svg?style=square)](https://github.com/electron/electron)

### Feature

- 基于 Material Design 精心设计
- 多种颜色方案，有多个预定义的配色方案
- Flex Layout 强大的布局，并支持响应式设计
- 组件丰富，提炼后台应用的典型页面和场景
- 模块代码，添加和删除非常轻松
- 渐进式应用(PWA)，更接近原生应用体验
- 使用 graphql 精确的定义所需要的数据
- 支持 docker 构建镜像，急速部署，轻松使用
- 支持 electron 构建桌面应用
- 接入 firebase， 构建应用提供良好的用户体验
- 不定期更新，使用前端前沿技术开发新功能

![demo image](src/assets/cover-home.png)
![demo image](src/assets/cover-app.png)

### Get Start

```
git clone --depth=1 https://github.com/stbui/angular-material-app.git

cd angular-material-app

npm install
npm run start
```

打开你的浏览器，访问

```
http://127.0.0.1:4200
```

### Pubilsh

```
npm run build
```