Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Stage 4.0.0 #15

Merged
merged 3 commits into from
Jan 30, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
235 changes: 70 additions & 165 deletions README.md
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
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
Loading