https://github.com/addapptables/ng-template
ng-addapptables is a free template for angular
https://github.com/addapptables/ng-template
addapptables angular-template angular7 free-template
Last synced: 5 months ago
JSON representation
ng-addapptables is a free template for angular
- Host: GitHub
- URL: https://github.com/addapptables/ng-template
- Owner: addapptables
- License: mit
- Created: 2019-05-25T13:12:24.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-02-02T04:11:35.000Z (about 3 years ago)
- Last Synced: 2025-03-03T13:02:08.455Z (about 1 year ago)
- Topics: addapptables, angular-template, angular7, free-template
- Language: TypeScript
- Homepage: http://addapptables.com/admin/dashboard
- Size: 3.44 MB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Addapptables ui
Addapptables is an admin template developed using angular.
ng-addapptables is a free template for angular.
[see demo](http://addapptables.com/admin/dashboard)
## Getting Started
### Install dependencies
- step 1 - Angular is the core of Addapptables.
- step 2 - Angular Material is the primary UI library of Addapptables. It's a set of Angular components, directives and services that implements Material Design Specifications and it's in active development by Google.
- step 3 - Angular Cli is a tool to initialize, develop, scaffold and maintain Angular applications
### Installation
- Install Nodejs
- Open the terminal and type npm install -g @angular/cli
- Open the terminal and navigate into your work folder, run the following command and wait for npm install to finish.
```
npm install
```
- Run the project with angular cli with
```
ng serve
```
or type
```
npm start
```
- Build production with
```
npm run build-prod
```
or
```
ng build --prod
```
### Directory Structure
Addapptables has a fairly simple directory structure. All source code that you will need stays inside the /src folder. Once you build your app, a /dist folder will appear at the root which will contain the built app. You can simply upload the contents of it to your server to start running your app.
### Source Directory (/Src)
The source folder has the general Angular CLI project structure along with an additional folder called /@addapptable which contains the core elements of Addapptables.
- /App
This folder contains the AppComponent along with the bellow directories. Everything that these folders contains inside belongs to your app and you can edit them; however, if you prefer you can modify it while building your app:
### Directory layout
.
├── admin # Pages and page layouts.
├── auth # Authorization pages.
├── localication # Source files (alternatively `lib` or `app`)
├── shared # Automated tests (alternatively `spec` or `tests`)
├── documentation
├── startup-template.zip # Contains skeleton template with authorization component and menu component
├── LICENSE
└── README.md
### Multi Language
Addapptables uses ngx-translate module and supports multiple languages and translations.
Usage:
In order to use the translations, create your translation file within the module you want to use the translations.
For example, for the English translation, create assets/i18n/en.json file.
### Components
Addapptables has created several components for community use. You can see these components on the following links
- [Addapptables menu](https://github.com/addapptables/menu-admin-ui)
- [Addapptables core](https://github.com/addapptables/core-ui)
- [Addapptables modal](https://github.com/addapptables/modal-ui)
- [Addapptables perfect-scrollbar](https://github.com/addapptables/perfect-scrollbar-ui)
- [Addapptables responsive](https://github.com/addapptables/responsive-ui)
- [Addapptables notifier](https://github.com/addapptables/notifier-ui)
- [Addapptables alert](https://github.com/addapptables/alert-ui)
- [Addapptables card](https://github.com/addapptables/card-ui)
- [Addapptables ngrx-actions](https://github.com/addapptables/ngrx-actions)