Skip to content

Commit

Permalink
Merge pull request #14 from codedthemes/angular_17
Browse files Browse the repository at this point in the history 
Angular 17
  • Loading branch information
@ct-dixit
ct-dixit committed Jan 30, 2024
2 parents 43d924d + 7d31718 commit 185fff8
Show file tree
Hide file tree
Showing 103 changed files with 3,286 additions and 4,288 deletions.
235 changes: 70 additions & 165 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,228 +1,133 @@
# Datta Able angular 15 Free Admin Dashboard
# Datta Able angular 17 Free Admin Dashboard [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](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)

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.
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Price](https://img.shields.io/badge/price-FREE-0098f7.svg)](https://codedthemes.com/item/datta-able-angular-lite/)
[![GitHub package version](https://img.shields.io/github/package-json/v/codedthemes/datta-able-free-angular-admin-template)](https://github.com/codedthemes/datta-able-free-angular-admin-template/)

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.
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.

The code structure is highly flexible to use and modify.
:star: :star: :star: Do not forget to star (Top right of this page) it if you like the theme :star: :star: :star:

Its design adapt any screen size easily even if retina screens (retina tested).
[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.

The routing structure is lazy loading.
| [Datta Able Free](https://codedthemes.com/demos/admin-templates/datta-able/angular/free/dashboard) | [Datta Able](https://codedthemes.com/item/datta-able-angular/) |
| ------------------------------------------------------- | :------------------------------------------------------------------------------- |
| **9** Demo pages | **45+** demo pages |
| - | ✓ Multi-language |
| - | ✓ Dark/Light Mode 🌓 |
| - | ✓ TypeScript version |
| - | ✓ 6+ color Options |
| - | ✓ RTL |
| ✓ MIT License | ✓ [Pro License](https://codedthemes.com/item/datta-able-angular/) |

It is modern concept dashboard design with eye catchy colors.
## Why Datta Able?

Wish you happy to use our product in your project.
Datta Able is offers everything you need to create dashboards. We have included the following high-end features in our initial release:

## Free Version Preview & Download
- Modern aesthetics UI design
- Bootstrap components
- Fully Responsive, all modern browser supported
- Easy to use code structure
- Flexible & High-Performance code
- Easy Documentation Guide

Check out live preview of Datta Able Angular Lite version & download it.
## Datta Able Free version

#### Preview

- [Demo](https://codedthemes.com/demos/admin-templates/datta-able/angular/free)
- [Demo](https://codedthemes.com/demos/admin-templates/datta-able/angular/free/dashboard)

#### Download

- [Download from Github](https://github.com/codedthemes/datta-able-free-angular-admin-template.git)
- [Download from CodedThemes](https://codedthemes.com/item/datta-able-angular-lite) & receive important notification instantly in your maiL.
- [Download from GitHub](https://github.com/codedthemes/datta-able-free-angular-admin-template)

## Premium Version Preview & Download

Datta Able Admin Template is available to purchase. Visit its numerous demos and make your purchase decision.
## Datta Able Pro version

#### Preview

- [Demo](https://codedthemes.com/demos/admin-templates/datta-able/angular/default/)

#### Download
#### Purchase

- [Purchase from CodedThemes](https://codedthemes.com/item/datta-able-angular/)

## Table of contents

- [Getting Started](#getting-started)
- [Online Documentation](#online-documentation)
- [Build With](#build-with)
- [Directory Structure](#directory-structure)
- [RoadMap](#roadmap)
- [Documentation](#documentation)
- [Technology Stack](#technology-stack)
- [Author](#author)
- [Issues?](#issues)
- [License](#license)
- [Other Dashboard Products](#other-dashboard-products)
- [Social Profiles](#social-profiles)
- [More Free Angular Templates](#more-free-angular-dashboard-templates)
- [More Pro Angular Templates](#more-premium-angular-dashboard-templates)
- [Follow us](#follow-us)

## Getting Started

Clone from Github
1. Clone from Github

```
git clone https://github.com/codedthemes/datta-able-free-angular-admin-template.git
```

#### Terminal Commands

This project was generated with Angular CLI version 15.x and angular 15.x.

1. Install NodeJs from [NodeJs Official Page](https://nodejs.org/en)
2. Open Terminal.
3. Go to your file project.
4. Make sure you have installed [Angular CLI] (https://github.com/angular/angular-cli) already. If not, please install.
5. Install node modules, Run in terminal: npm install --legacy-peer-deps
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.

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).

_no other dependencies required to run the Datta Able Admin Dashboard_

## Online Documentation

Datta Able Lite version documentation cover in its Pro version documentation - check our [website.](https://codedthemes.gitbook.io/datta-angular)

## Build With
2. Install packages

- [Angular CLI](https://github.com/angular/angular-cli) 15.x
- [Latest bootstrap 5 Stable](https://getbootstrap.com/)
- [SASS Powered](https://sass-lang.com/)
- [NodeJs](https://nodejs.org/en/) v18.0.0
- [NgBootstrap](https://ng-bootstrap.github.io/#/home) 5.0.0
```
npm i --legacy-peer-deps
```

## Directory Structure
3. Run project

```
datta-able/
| ├── src/
| | ├── app/
| | | ├── demo/
| | | | ├── dashboard/
| | | | ├── extra/
| | | | | ├── sample-page/
| | | | ├── pages/
| | | | | ├── authentication/
| | | | | | ├── auth-signin/
| | | | | | ├── auth-signup/
| | | | | ├── core-chart/
| | | | | | ├── crt-morris/
| | | | | ├── form-element/
| | | | | | ├── basic-element/
| | | | | ├── tables/
| | | | | | ├── tbl-bootstrap/
| | | | ├── ui-element/
| | | | | ├── basic-badge/
| | | | | ├── basic-button/
| | | | | ├── basic-collapse/
| | | | | ├── more...
| | | ├── theme/
| | | | ├── layout/
| | | | | ├── admin/
| | | | | | ├── configuration/
| | | | | | ├── nav-bar/
| | | | | | ├── navigation/
| | | | | | | ├── nav-content/
| | | | | | | ├── ...
| | | | | | | ├── navigation.ts
| | | | | | ├── admin.component.html
| | | | | | ├── admin.component.ts
| | | | | | ├── admin.component.scss
| | | | | ├── guest/
| | | | ├── shared/
| | | | | ├── components/
| | | | | | ├── breadcrumb/
| | | | | | ├── ...
| | | | | | ├── index.ts
| | | | | ├── full-screen/
| | | | | ├── shared.module.ts
| | | ├── app.component.html
| | | ├── app.component.scss
| | | ├── app.component.ts
| | | ├── app.module.ts
| | | ├── app-config.ts
| | | ├── app-routing.module.ts
| | ├── assets/
| | | ├── charts/
| | | ├── images/
| | | ├── icon/
| | ├── environments/
| | ├── fake-data/
| | ├── scss
| | ├── favicon.ico
| | ├── index.html
| | ├── main.ts
| | ├── polyfills.ts
| | ├── style.scss
| | ├── test.ts
| ├── .editorconfig
| ├── .gitignore
| ├── angular.json
| ├── browserslist
| ├── karma.conf.js
| ├── package.json
| ├── README.md
| ├── tsconfig.app.json
| ├── tsconfig.json
| ├── tsconfig.spec.json
| ├── tslint.json
├── ... More
npm run start
```

#### RoadMap

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
## Documentation

#### Layouts
[Datta Able Angular Documentation](https://codedthemes.gitbook.io/datta-angular/) helps you with installation, deployment, and troubleshooting.

-Vertical version
- Static
- Fixed
- Navbar Fixed
- Collapse Menu
- Vertical RTL
- Horizontal version
- Horizontal v2
- Horizontal RTL
- Box Layout
- Navbar Dark
- Dark Layout
- Introduce Live Customizer (i.e. only for demo)
## Technology Stack

#### Pages
- Bootstrap 5
- Angular 17

- Pricing
- Login/Register pages version 2
- User profile
- Maintenance Pages like Error Pages, Offline UI, Maintenance
- Login/Register pages
## Author

#### Basic & Advance Components
Datta Able is developed by Team [CodedThemes](https://codedthemes.com).

- Alert, Button, Cards, Progress, Modal, Tabs & Pills
- Datepicker, Notification, Slider
## Issues

_All above pages already included in Pro version. We need your support to include those pages in lite version too._
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.

## Author
## License

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.
- Licensed cover under [MIT](https://github.com/codedthemes/datta-able-bootstrap-dashboard/blob/master/LICENSE)

## Issues
## Datta Able - React version

Please generate Github issue if you found bug in any version. We are try to be responsive to resolve the issue.
- [Free](https://lite.codedthemes.com/datta-able/react/default/dashboard/default)
- [Premium](https://codedthemes.com/item/datta-able-react-admin-template/)

## License
## More Free Angular Dashboard Templates

- Licensed cover under [MIT](https://github.com/codedthemes/datta-able-free-angular-admin-template/blob/master/LICENSE)
- [Mantis Angular](https://codedthemes.com/item/mantis-angular-free-admin-template/)
- [Gradient Able Angular](https://codedthemes.com/item/gradient-able-angular-free-admin-template/)
- [Next Angular](https://codedthemes.com/item/next-free-admin-template/)
- [Berry Angular](https://codedthemes.com/item/berry-angular-free-admin-template/)

## Other Dashboard Products
## More Premium Angular Dashboard Templates

- [Free bootstrap 5 Admin Template](https://codedthemes.com/item/category/free-templates/free-bootstrap-admin-templates)
- [Free React Dashboard Template](https://codedthemes.com/item/category/free-templates/free-react-admin-templates)
- [Free Angular Dashboard Template](https://codedthemes.com/item/category/free-templates/free-angular-admin-templates)
- [Premium Bootstrap & Angular & React Admin Template](https://codedthemes.com/item/category/templates/admin-templates/)
- [mantis Angular Pro](https://codedthemes.com/item/mantis-angular-admin-template/)
- [Gradient Able Angular Pro](https://codedthemes.com/item/gradient-able-angular-admin-template/)
- [Next Angular Pro](https://codedthemes.com/item/next-angular-admin-template/)
- [Berry Angular Pro](https://codedthemes.com/item/berry-angular-admin-dashboard-template/)

## Social Profiles
## Follow us

- Website [https://codedthemes.com/demos/admin-templates/datta-able/angular/default](https://codedthemes.com/demos/admin-templates/datta-able/angular/default)
- Blog [https://blog.codedthemes.com/](https://blog.codedthemes.com/)
- CodedThemes [https://codedthemes.com](https://codedthemes.com)
- Dribbble [https://dribbble.com/codedthemes](https://dribbble.com/codedthemes)
- Behance [https://www.behance.net/codedthemes](https://www.behance.net/codedthemes)
- Facebook [https://www.facebook.com/codedthemes](https://www.facebook.com/codedthemes)
- Twitter [https://twitter.com/codedthemes](https://twitter.com/codedthemes)
- Instagram [https://www.instagram.com/codedthemes/](https://www.instagram.com/codedthemes/)
- Twitter [https://twitter.com/codedthemes](https://twitter.com/codedthemes)
14 changes: 5 additions & 9 deletions angular.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,9 +17,7 @@
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"allowedCommonJsDependencies": [
"apexcharts"
],
"allowedCommonJsDependencies": ["apexcharts"],
"outputPath": "dist",
"index": "src/index.html",
"main": "src/main.ts",
Expand All @@ -31,9 +29,7 @@
"node_modules/bootstrap/scss/bootstrap.scss",
"src/styles.scss"
],
"scripts": [
"node_modules/apexcharts/dist/apexcharts.min.js"
]
"scripts": ["node_modules/apexcharts/dist/apexcharts.min.js"]
},
"configurations": {
"production": {
Expand Down Expand Up @@ -72,18 +68,18 @@
"builder": "@angular-devkit/build-angular:dev-server",
"configurations": {
"production": {
"browserTarget": "datta-able-free-angular-admin-template:build:production"
"buildTarget": "datta-able-free-angular-admin-template:build:production"
},
"development": {
"browserTarget": "datta-able-free-angular-admin-template:build:development"
"buildTarget": "datta-able-free-angular-admin-template:build:development"
}
},
"defaultConfiguration": "development"
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "datta-able-free-angular-admin-template:build"
"buildTarget": "datta-able-free-angular-admin-template:build"
}
},
"test": {
Expand Down
Loading

0 comments on commit 185fff8

Please sign in to comment.