|
1 | | -# able-pro-free-angular-with-bootstrap-admin-template |
| 1 | +# Able Pro Angular 9 Free Admin Dashboard |
| 2 | + |
| 3 | +Able Pro dashboard template built using Angular 9 with Bootstrap 4 framework, It is a free lite version of [Able Pro Angular](https://codedthemes.com/item/able-pro-angular-free-admin-dashboard/) Dashboard Template will complete your admin dashboard needs. |
| 4 | + |
| 5 | +<!---  ---> |
| 6 | + |
| 7 | +Able Pro angular free admin template comes with variety of components like Alert, Button, Badges, Breadcrumb, Pagination, Card, Collapse, Carousel, Progress, Modal, Spinner, Tabs & Pills, Toasts, Icons, Form Elements, Table, Charts, Maps & Authentication Pages. |
| 8 | + |
| 9 | +The code structure is highly flexible to use and modify. |
| 10 | + |
| 11 | +Its design adapt any screen size easily even if retina screens (retina tested). |
| 12 | + |
| 13 | +The routing structure is lazy loading. |
| 14 | + |
| 15 | +It is modern concept dashboard design with eye catchy colors. |
| 16 | + |
| 17 | +Wish you happy to use our product in your project. |
| 18 | + |
| 19 | +## Free Version Preview & Download |
| 20 | + |
| 21 | +Check out live preview of Able Pro angular lite version & download it. |
| 22 | + |
| 23 | +#### Preview |
| 24 | + |
| 25 | + - [Demo](https://codedthemes.com/item/able-pro-angular-free-admin-dashboard/) |
| 26 | + |
| 27 | +#### Download |
| 28 | + |
| 29 | + - [Download from Github](https://github.com/phoenixcoded/able-pro-free-angular-admin-template.git) |
| 30 | + - [Download from CodedThemes]( https://codedthemes.com/item/able-pro-angular-free-admin-dashboard/) & receive important notification instantly in your maiL. |
2 | 31 |
|
| 32 | + ## Premium Version Preview & Download |
| 33 | + |
| 34 | +Able Pro Admin Template is available to purchase. Visit its numerous demos and make your purchase decision. |
| 35 | +#### Preview |
| 36 | + |
| 37 | + - [Demo](http://ableproadmin.com/) |
| 38 | + |
| 39 | +#### Download |
| 40 | + |
| 41 | + - [Purchase from Themeforest](https://themeforest.net/item/able-pro-responsive-bootstrap-4-admin-template/19300403?s_rank=12) |
| 42 | + |
| 43 | +## Table of contents |
| 44 | + |
| 45 | + * [Getting Started](#getting-started) |
| 46 | + * [Online Documentation](#online-documentation) |
| 47 | + * [Build With](#build-with) |
| 48 | + * [Directory-structure](#directory-structure) |
| 49 | + * [RoadMap](#roadmap) |
| 50 | + * [Author](#author) |
| 51 | + * [Contributing](#contributing) |
| 52 | + * [Issues?](#issues) |
| 53 | + * [License](#license) |
| 54 | + * [Other Dashboard Products](#other-dashboard-products) |
| 55 | + * [Social Profiles](#social-profiles) |
| 56 | + |
| 57 | +## Getting Started |
| 58 | + |
| 59 | +Clone from Github |
| 60 | +``` |
| 61 | +git clone https://github.com/phoenixcoded/able-pro-free-angular-admin-template.git |
| 62 | +``` |
| 63 | +# Terminal Commands |
| 64 | + |
| 65 | +This project was generated with Angular CLI version 9.0.2 and angular 9.x. |
| 66 | + |
| 67 | + 1. Install NodeJs from [NodeJs Official Page](https://nodejs.org/en) |
| 68 | + 2. Open Terminal. |
| 69 | + 3. Go to your file project. |
| 70 | + 4. Make sure you have installed [Angular CLI] (https://github.com/angular/angular-cli) already. If not, please install. |
| 71 | + 5. Install node modules, Run in terminal: ``` npm install ``` |
| 72 | + 6. Run ```ng serve``` for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files. |
| 73 | + |
| 74 | +To get more help on the Angular CLI use ```ng help``` or go check out the [Angular CLI README] (https://github.com/angular/angular-cli/blob/master/README.md). |
| 75 | + |
| 76 | +*no other dependencies required to run the Able Pro Admin Dashboard* |
| 77 | + |
| 78 | +## Online Documentation |
| 79 | + |
| 80 | +Able Pro Lite version documentation cover in its Pro version documentation - check our [website.](https://able-pro-angular.gitbook.io/able-pro-8-0-angular-documentation/) |
| 81 | + |
| 82 | +## Build With |
| 83 | + |
| 84 | + - [Angular CLI](https://github.com/angular/angular-cli) 9.0.2 |
| 85 | + - [Latest Bootstrap 4 Stable](https://getbootstrap.com/) |
| 86 | + - [SASS Powered](https://sass-lang.com/) |
| 87 | + - [NodeJs](https://nodejs.org/en/) v12.0.0 |
| 88 | + - [NgBootstrap](https://ng-bootstrap.github.io/#/home) 5.0.0 |
| 89 | +## Directory Structure |
| 90 | +``` |
| 91 | +able-pro/ |
| 92 | +├── e2e |
| 93 | +| ├── src/ |
| 94 | +| | ├── app/ |
| 95 | +| | | ├── demo/ |
| 96 | +| | | ├── theme/ |
| 97 | +| | | | ├── layout/ |
| 98 | +| | | | | ├── admin/ |
| 99 | +| | | | | | ├── configuration/ |
| 100 | +| | | | | | ├── nav-bar/ |
| 101 | +| | | | | | ├── navigation/ |
| 102 | +| | | | | | | ├── nav-content/ |
| 103 | +| | | | | | | ├── ... |
| 104 | +| | | | | | | ├── navigation.ts |
| 105 | +| | | | | | ├── admin.component.html |
| 106 | +| | | | | | ├── admin.component.ts |
| 107 | +| | | | | | ├── admin.component.scss |
| 108 | +| | | | | ├── auth/ |
| 109 | +| | | | ├── shared/ |
| 110 | +| | | | | ├── components/ |
| 111 | +| | | | | | ├── alert/ |
| 112 | +| | | | | | ├── ... |
| 113 | +| | | | | | ├── index.ts |
| 114 | +| | | | | ├── full-screen/ |
| 115 | +| | | | | ├── shared.module.ts |
| 116 | +| | | ├── app.component.html |
| 117 | +| | | ├── app.component.scss |
| 118 | +| | | ├── app.component.ts |
| 119 | +| | | ├── app.module.ts |
| 120 | +| | | ├── app-config.ts |
| 121 | +| | | ├── app-routing.module.ts |
| 122 | +| | ├── assets/ |
| 123 | +| | | ├── fonts/ |
| 124 | +| | | ├── images/ |
| 125 | +| | | ├── tinymce/ |
| 126 | +| | ├── environments/ |
| 127 | +| | ├── fake-data/ |
| 128 | +| | ├── scss |
| 129 | +| | ├── favicon.ico |
| 130 | +| | ├── index.html |
| 131 | +| | ├── main.ts |
| 132 | +| | ├── polyfills.ts |
| 133 | +| | ├── style.scss |
| 134 | +| | ├── test.ts |
| 135 | +| ├── .editorconfig |
| 136 | +| ├── .gitignore |
| 137 | +| ├── angular.json |
| 138 | +| ├── browserslist |
| 139 | +| ├── karma.conf.js |
| 140 | +| ├── package.json |
| 141 | +| ├── README.md |
| 142 | +| ├── tsconfig.app.json |
| 143 | +| ├── tsconfig.json |
| 144 | +| ├── tsconfig.spec.json |
| 145 | +| ├── tslint.json |
| 146 | +├── ... More |
| 147 | +``` |
| 148 | + |
| 149 | +<!--- ## RoadMap |
| 150 | + |
| 151 | +We are continuously working in Able Pro Angular Project and going to make it a awesome angular admin dashboard template via your support. Give us the ideas, suggestion for include more components, pages, plugins. Few of future release pages are |
| 152 | + |
| 153 | +#### Layouts |
| 154 | + - Vertical version |
| 155 | + - Static |
| 156 | + - Fixed |
| 157 | + - Navbar Fixed |
| 158 | + - Collapse Menu |
| 159 | + - Vertical RTL |
| 160 | + - Horizontal version |
| 161 | + - Horizontal v2 |
| 162 | + - Horizontal RTL |
| 163 | + - Box Layout |
| 164 | + - Navbar Dark |
| 165 | + - Dark Layout |
| 166 | + - Introduce Live Customizer (i.e. only for demo) |
| 167 | + |
| 168 | +#### Pages |
| 169 | + - Pricing |
| 170 | + - Login/Register pages version 2 |
| 171 | + - User profile |
| 172 | + - Maintenance Pages like Error Pages, Offline UI, Maintenance |
| 173 | +
|
| 174 | +#### Basic & Advance Components |
| 175 | + - Alert, Button, Cards, Progress, Modal, Tabs & Pills |
| 176 | + - Datepicker, Notification, Slider |
| 177 | +
|
| 178 | +*All above pages already included in Pro version. We need your support to include those pages in lite version too.* ---> |
| 179 | + |
| 180 | +## Author |
| 181 | + |
| 182 | +Design and code is completely written by Themeforest's design and development team. We are happy to welcome the contributors work for our all repositiories. |
| 183 | + |
| 184 | +<!--- ## Contributing |
| 185 | +``` |
| 186 | +Please read [CONTRIBUTING.md](https://github.com/codedthemes/datta-able-bootstrap-dashboard/blob/master/CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us. ---> |
| 187 | + |
| 188 | +## Issues |
| 189 | + |
| 190 | +Please generate Github issue if you found bug in any version. We are try to be responsive to resolve the issue. |
| 191 | + |
| 192 | +## License |
| 193 | + |
| 194 | + - Licensed cover under [MIT](https://github.com/phoenixcoded/able-pro-free-angular-admin-template/blob/master/LICENSE) |
| 195 | + |
| 196 | +## Other Dashboard Products |
| 197 | + |
| 198 | + <!--- - [Free Bootstrap 4 Admin Template](https://codedthemes.com/item/category/freebies/) |
| 199 | + - [Free Angular Dashboard Template](https://codedthemes.com/item/category/freebies/) ---> |
| 200 | + - [Premium Bootstrap & Angular & React Admin Template](https://themeforest.net/user/phoenixcoded/portfolio) |
| 201 | + |
| 202 | +## Social Profiles |
| 203 | + |
| 204 | + - Dribbble [https://dribbble.com/phoenixcoded](https://dribbble.com/phoenixcoded) |
| 205 | + - Behance [https://www.behance.net/phoenixcoded](https://www.behance.net/phoenixcoded) |
| 206 | + - Facebook [https://www.facebook.com/phoenixcoded](https://www.facebook.com/phoenixcoded) |
| 207 | + - Twitter [https://twitter.com/phoenixcoded](https://twitter.com/phoenixcoded) |
| 208 | + - Instagram [https://www.instagram.com/phoenixcoded/](https://www.instagram.com/phoenixcoded/) |
0 commit comments