|
1 | | -# Datta Able angular 15 Free Admin Dashboard |
| 1 | +# Datta Able angular 17 Free Admin Dashboard [](https://twitter.com/intent/tweet?text=Get%20Datta%20%20Able%20Angular%20-%20The%20most%20beautiful%20Material%20designed%20Admin%20Dashboard%20Template%20&url=https://codedthemes.com/demos/admin-templates/datta-able/angular/default&via=codedthemes&hashtags=angular,webdev,developers,javascript) |
2 | 2 |
|
3 | | -Datta Able dashboard template built using angular 15 with bootstrap 5 framework, It is a free lite version of [Datta Able Angular](https://codedthemes.com/item/datta-able-angular/) Dashboard Template will complete your admin dashboard needs. |
| 3 | +[](https://opensource.org/licenses/MIT) |
| 4 | +[](https://codedthemes.com/item/datta-able-angular-lite/) |
| 5 | +[](https://github.com/codedthemes/datta-able-free-angular-admin-template/) |
4 | 6 |
|
5 | | -Datta Able Angular Free Admin Template comes with variety of components like Button, Badges, Breadcrumb, Pagination, Collapse, Tabs & Pills, Form Elements, Table, Charts & Authentication Pages. |
| 7 | +Datta Able is a free angular admin dashboard template built with Angular and latest Bootstrap 5. It is meant to provide the best possible User Experience with highly customizable feature-rich pages. It is a complete Dashboard Template that has easy and intuitive responsive design whether it is viewed on retina screens or laptops. |
6 | 8 |
|
7 | | -The code structure is highly flexible to use and modify. |
| 9 | +:star: :star: :star: Do not forget to star (Top right of this page) it if you like the theme :star: :star: :star: |
8 | 10 |
|
9 | | -Its design adapt any screen size easily even if retina screens (retina tested). |
| 11 | +[Pro version](https://codedthemes.com/demos/admin-templates/datta-able/angular/default) of Datta Able Angular Dashboard template contains features like TypeScript, Apps, Authentication Methods (i.e. JWT), Advance Components, Form Plugins, Layouts, Widgets, and many more. |
10 | 12 |
|
11 | | -The routing structure is lazy loading. |
| 13 | +| [Datta Able Free](https://codedthemes.com/demos/admin-templates/datta-able/angular/free/dashboard) | [Datta Able](https://codedthemes.com/item/datta-able-angular/) | |
| 14 | +| ------------------------------------------------------- | :------------------------------------------------------------------------------- | |
| 15 | +| **9** Demo pages | **45+** demo pages | |
| 16 | +| - | ✓ Multi-language | |
| 17 | +| - | ✓ Dark/Light Mode 🌓 | |
| 18 | +| - | ✓ TypeScript version | |
| 19 | +| - | ✓ 6+ color Options | |
| 20 | +| - | ✓ RTL | |
| 21 | +| ✓ MIT License | ✓ [Pro License](https://codedthemes.com/item/datta-able-angular/) | |
12 | 22 |
|
13 | | -It is modern concept dashboard design with eye catchy colors. |
| 23 | +## Why Datta Able? |
14 | 24 |
|
15 | | -Wish you happy to use our product in your project. |
| 25 | +Datta Able is offers everything you need to create dashboards. We have included the following high-end features in our initial release: |
16 | 26 |
|
17 | | -## Free Version Preview & Download |
| 27 | +- Modern aesthetics UI design |
| 28 | +- Bootstrap components |
| 29 | +- Fully Responsive, all modern browser supported |
| 30 | +- Easy to use code structure |
| 31 | +- Flexible & High-Performance code |
| 32 | +- Easy Documentation Guide |
18 | 33 |
|
19 | | -Check out live preview of Datta Able Angular Lite version & download it. |
| 34 | +## Datta Able Free version |
20 | 35 |
|
21 | 36 | #### Preview |
22 | 37 |
|
23 | | -- [Demo](https://codedthemes.com/demos/admin-templates/datta-able/angular/free) |
| 38 | +- [Demo](https://codedthemes.com/demos/admin-templates/datta-able/angular/free/dashboard) |
24 | 39 |
|
25 | 40 | #### Download |
26 | 41 |
|
27 | | -- [Download from Github](https://github.com/codedthemes/datta-able-free-angular-admin-template.git) |
28 | | -- [Download from CodedThemes](https://codedthemes.com/item/datta-able-angular-lite) & receive important notification instantly in your maiL. |
| 42 | +- [Download from GitHub](https://github.com/codedthemes/datta-able-free-angular-admin-template) |
29 | 43 |
|
30 | | -## Premium Version Preview & Download |
31 | | - |
32 | | -Datta Able Admin Template is available to purchase. Visit its numerous demos and make your purchase decision. |
| 44 | +## Datta Able Pro version |
33 | 45 |
|
34 | 46 | #### Preview |
35 | 47 |
|
36 | 48 | - [Demo](https://codedthemes.com/demos/admin-templates/datta-able/angular/default/) |
37 | 49 |
|
38 | | -#### Download |
| 50 | +#### Purchase |
39 | 51 |
|
40 | 52 | - [Purchase from CodedThemes](https://codedthemes.com/item/datta-able-angular/) |
41 | 53 |
|
42 | 54 | ## Table of contents |
43 | 55 |
|
44 | 56 | - [Getting Started](#getting-started) |
45 | | -- [Online Documentation](#online-documentation) |
46 | | -- [Build With](#build-with) |
47 | | -- [Directory Structure](#directory-structure) |
48 | | -- [RoadMap](#roadmap) |
| 57 | +- [Documentation](#documentation) |
| 58 | +- [Technology Stack](#technology-stack) |
49 | 59 | - [Author](#author) |
50 | 60 | - [Issues?](#issues) |
51 | 61 | - [License](#license) |
52 | | -- [Other Dashboard Products](#other-dashboard-products) |
53 | | -- [Social Profiles](#social-profiles) |
| 62 | +- [More Free Angular Templates](#more-free-angular-dashboard-templates) |
| 63 | +- [More Pro Angular Templates](#more-premium-angular-dashboard-templates) |
| 64 | +- [Follow us](#follow-us) |
54 | 65 |
|
55 | 66 | ## Getting Started |
56 | 67 |
|
57 | | -Clone from Github |
| 68 | +1. Clone from Github |
58 | 69 |
|
59 | 70 | ``` |
60 | 71 | git clone https://github.com/codedthemes/datta-able-free-angular-admin-template.git |
61 | 72 | ``` |
62 | 73 |
|
63 | | -#### Terminal Commands |
64 | | - |
65 | | -This project was generated with Angular CLI version 15.x and angular 15.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 --legacy-peer-deps |
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 Datta Able Admin Dashboard_ |
77 | | - |
78 | | -## Online Documentation |
79 | | - |
80 | | -Datta Able Lite version documentation cover in its Pro version documentation - check our [website.](https://codedthemes.gitbook.io/datta-angular) |
81 | | - |
82 | | -## Build With |
| 74 | +2. Install packages |
83 | 75 |
|
84 | | -- [Angular CLI](https://github.com/angular/angular-cli) 15.x |
85 | | -- [Latest bootstrap 5 Stable](https://getbootstrap.com/) |
86 | | -- [SASS Powered](https://sass-lang.com/) |
87 | | -- [NodeJs](https://nodejs.org/en/) v18.0.0 |
88 | | -- [NgBootstrap](https://ng-bootstrap.github.io/#/home) 5.0.0 |
| 76 | +``` |
| 77 | +npm i --legacy-peer-deps |
| 78 | +``` |
89 | 79 |
|
90 | | -## Directory Structure |
| 80 | +3. Run project |
91 | 81 |
|
92 | 82 | ``` |
93 | | -datta-able/ |
94 | | -| ├── src/ |
95 | | -| | ├── app/ |
96 | | -| | | ├── demo/ |
97 | | -| | | | ├── dashboard/ |
98 | | -| | | | ├── extra/ |
99 | | -| | | | | ├── sample-page/ |
100 | | -| | | | ├── pages/ |
101 | | -| | | | | ├── authentication/ |
102 | | -| | | | | | ├── auth-signin/ |
103 | | -| | | | | | ├── auth-signup/ |
104 | | -| | | | | ├── core-chart/ |
105 | | -| | | | | | ├── crt-morris/ |
106 | | -| | | | | ├── form-element/ |
107 | | -| | | | | | ├── basic-element/ |
108 | | -| | | | | ├── tables/ |
109 | | -| | | | | | ├── tbl-bootstrap/ |
110 | | -| | | | ├── ui-element/ |
111 | | -| | | | | ├── basic-badge/ |
112 | | -| | | | | ├── basic-button/ |
113 | | -| | | | | ├── basic-collapse/ |
114 | | -| | | | | ├── more... |
115 | | -| | | ├── theme/ |
116 | | -| | | | ├── layout/ |
117 | | -| | | | | ├── admin/ |
118 | | -| | | | | | ├── configuration/ |
119 | | -| | | | | | ├── nav-bar/ |
120 | | -| | | | | | ├── navigation/ |
121 | | -| | | | | | | ├── nav-content/ |
122 | | -| | | | | | | ├── ... |
123 | | -| | | | | | | ├── navigation.ts |
124 | | -| | | | | | ├── admin.component.html |
125 | | -| | | | | | ├── admin.component.ts |
126 | | -| | | | | | ├── admin.component.scss |
127 | | -| | | | | ├── guest/ |
128 | | -| | | | ├── shared/ |
129 | | -| | | | | ├── components/ |
130 | | -| | | | | | ├── breadcrumb/ |
131 | | -| | | | | | ├── ... |
132 | | -| | | | | | ├── index.ts |
133 | | -| | | | | ├── full-screen/ |
134 | | -| | | | | ├── shared.module.ts |
135 | | -| | | ├── app.component.html |
136 | | -| | | ├── app.component.scss |
137 | | -| | | ├── app.component.ts |
138 | | -| | | ├── app.module.ts |
139 | | -| | | ├── app-config.ts |
140 | | -| | | ├── app-routing.module.ts |
141 | | -| | ├── assets/ |
142 | | -| | | ├── charts/ |
143 | | -| | | ├── images/ |
144 | | -| | | ├── icon/ |
145 | | -| | ├── environments/ |
146 | | -| | ├── fake-data/ |
147 | | -| | ├── scss |
148 | | -| | ├── favicon.ico |
149 | | -| | ├── index.html |
150 | | -| | ├── main.ts |
151 | | -| | ├── polyfills.ts |
152 | | -| | ├── style.scss |
153 | | -| | ├── test.ts |
154 | | -| ├── .editorconfig |
155 | | -| ├── .gitignore |
156 | | -| ├── angular.json |
157 | | -| ├── browserslist |
158 | | -| ├── karma.conf.js |
159 | | -| ├── package.json |
160 | | -| ├── README.md |
161 | | -| ├── tsconfig.app.json |
162 | | -| ├── tsconfig.json |
163 | | -| ├── tsconfig.spec.json |
164 | | -| ├── tslint.json |
165 | | -├── ... More |
| 83 | +npm run start |
166 | 84 | ``` |
167 | 85 |
|
168 | | -#### RoadMap |
169 | | - |
170 | | -We are continuously working in Datta Able 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 |
| 86 | +## Documentation |
171 | 87 |
|
172 | | -#### Layouts |
| 88 | +[Datta Able Angular Documentation](https://codedthemes.gitbook.io/datta-angular/) helps you with installation, deployment, and troubleshooting. |
173 | 89 |
|
174 | | --Vertical version |
175 | | - - Static |
176 | | - - Fixed |
177 | | - - Navbar Fixed |
178 | | - - Collapse Menu |
179 | | - - Vertical RTL |
180 | | -- Horizontal version |
181 | | -- Horizontal v2 |
182 | | -- Horizontal RTL |
183 | | -- Box Layout |
184 | | -- Navbar Dark |
185 | | -- Dark Layout |
186 | | -- Introduce Live Customizer (i.e. only for demo) |
| 90 | +## Technology Stack |
187 | 91 |
|
188 | | -#### Pages |
| 92 | +- Bootstrap 5 |
| 93 | +- Angular 17 |
189 | 94 |
|
190 | | -- Pricing |
191 | | -- Login/Register pages version 2 |
192 | | -- User profile |
193 | | -- Maintenance Pages like Error Pages, Offline UI, Maintenance |
194 | | -- Login/Register pages |
| 95 | +## Author |
195 | 96 |
|
196 | | -#### Basic & Advance Components |
| 97 | +Datta Able is developed by Team [CodedThemes](https://codedthemes.com). |
197 | 98 |
|
198 | | -- Alert, Button, Cards, Progress, Modal, Tabs & Pills |
199 | | -- Datepicker, Notification, Slider |
| 99 | +## Issues |
200 | 100 |
|
201 | | -_All above pages already included in Pro version. We need your support to include those pages in lite version too._ |
| 101 | +To report a bug, please submit an [issue](https://github.com/codedthemes/datta-able-free-angular-admin-template/issues) on Github. We will respond as soon as possible to resolve the issue. |
202 | 102 |
|
203 | | -## Author |
| 103 | +## License |
204 | 104 |
|
205 | | -Design and code is completely written by CodedThemes's design and development team. We are happy to welcome the contributors work for our all repositories. |
| 105 | +- Licensed cover under [MIT](https://github.com/codedthemes/datta-able-bootstrap-dashboard/blob/master/LICENSE) |
206 | 106 |
|
207 | | -## Issues |
| 107 | +## Datta Able - React version |
208 | 108 |
|
209 | | -Please generate Github issue if you found bug in any version. We are try to be responsive to resolve the issue. |
| 109 | +- [Free](https://lite.codedthemes.com/datta-able/react/default/dashboard/default) |
| 110 | +- [Premium](https://codedthemes.com/item/datta-able-react-admin-template/) |
210 | 111 |
|
211 | | -## License |
| 112 | +## More Free Angular Dashboard Templates |
212 | 113 |
|
213 | | -- Licensed cover under [MIT](https://github.com/codedthemes/datta-able-free-angular-admin-template/blob/master/LICENSE) |
| 114 | +- [Mantis Angular](https://codedthemes.com/item/mantis-angular-free-admin-template/) |
| 115 | +- [Gradient Able Angular](https://codedthemes.com/item/gradient-able-angular-free-admin-template/) |
| 116 | +- [Next Angular](https://codedthemes.com/item/next-free-admin-template/) |
| 117 | +- [Berry Angular](https://codedthemes.com/item/berry-angular-free-admin-template/) |
214 | 118 |
|
215 | | -## Other Dashboard Products |
| 119 | +## More Premium Angular Dashboard Templates |
216 | 120 |
|
217 | | -- [Free bootstrap 5 Admin Template](https://codedthemes.com/item/category/free-templates/free-bootstrap-admin-templates) |
218 | | -- [Free React Dashboard Template](https://codedthemes.com/item/category/free-templates/free-react-admin-templates) |
219 | | -- [Free Angular Dashboard Template](https://codedthemes.com/item/category/free-templates/free-angular-admin-templates) |
220 | | -- [Premium Bootstrap & Angular & React Admin Template](https://codedthemes.com/item/category/templates/admin-templates/) |
| 121 | +- [mantis Angular Pro](https://codedthemes.com/item/mantis-angular-admin-template/) |
| 122 | +- [Gradient Able Angular Pro](https://codedthemes.com/item/gradient-able-angular-admin-template/) |
| 123 | +- [Next Angular Pro](https://codedthemes.com/item/next-angular-admin-template/) |
| 124 | +- [Berry Angular Pro](https://codedthemes.com/item/berry-angular-admin-dashboard-template/) |
221 | 125 |
|
222 | | -## Social Profiles |
| 126 | +## Follow us |
223 | 127 |
|
| 128 | +- Website [https://codedthemes.com/demos/admin-templates/datta-able/angular/default](https://codedthemes.com/demos/admin-templates/datta-able/angular/default) |
| 129 | +- Blog [https://blog.codedthemes.com/](https://blog.codedthemes.com/) |
| 130 | +- CodedThemes [https://codedthemes.com](https://codedthemes.com) |
224 | 131 | - Dribbble [https://dribbble.com/codedthemes](https://dribbble.com/codedthemes) |
225 | | -- Behance [https://www.behance.net/codedthemes](https://www.behance.net/codedthemes) |
226 | 132 | - Facebook [https://www.facebook.com/codedthemes](https://www.facebook.com/codedthemes) |
227 | | -- Twitter [https://twitter.com/codedthemes](https://twitter.com/codedthemes) |
228 | | -- Instagram [https://www.instagram.com/codedthemes/](https://www.instagram.com/codedthemes/) |
| 133 | +- Twitter [https://twitter.com/codedthemes](https://twitter.com/codedthemes) |
0 commit comments