Skip to content

Commit

Permalink
update readme file complete
Browse files Browse the repository at this point in the history
  • Loading branch information
@ct-dixit
ct-dixit committed Jan 30, 2024
1 parent f452f61 commit c85cfd9
Showing 1 changed file with 72 additions and 146 deletions.
218 changes: 72 additions & 146 deletions angular/readme.md
View file
Original file line number Diff line number Diff line change
@@ -1,206 +1,132 @@
# Gradient Able Angular 16 Free Admin Dashboard
# Gradient 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%20Gradient%20%20Able%20Angular%20-%20The%20most%20beautiful%20Material%20designed%20Admin%20Dashboard%20Template%20&url=https://codedthemes.com/demos/admin-templates/gradient-able/angular/default&via=codedthemes&hashtags=angular,webdev,developers,javascript)

Gradient Able dashboard template built using Angular 16 with Bootstrap 5 framework, It is a free lite version of [Gradient Able Angular](https://codedthemes.com/item/gradient-able-angular-free-admin-template/) 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/gradient-able-angular-free-admin-template/)
[![GitHub package version](https://img.shields.io/github/package-json/v/codedthemes/datta-able-free-angular-admin-template)](https://github.com/codedthemes/gradient-able-free-admin-template)

Gradient Able Angular Free Admin Template comes with variety of components like Button, Badges, Breadcrumb, Pagination, Collapse, Tabs & Pills, Form Elements, Table, Charts & Authentication Pages.
Gradient 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/gradient-able/angular/default) of Gradient 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.
| [Gradient Able Free](https://codedthemes.com/demos/admin-templates/gradient-able/angular/free/) | [Gradient Able](https://codedthemes.com/item/gradient-able-angular-admin-template/) |
| ------------------------------------------------------- | :------------------------------------------------------------------------------- |
| **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/gradient-able-angular-admin-template/) |

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

Wish you happy to use our product in your project.
Gradient 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 Gradient Able Angular Lite version & download it.
## Gradient Able Free version

#### Preview

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

#### Download

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

## Premium Version Preview & Download

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

#### Preview

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

#### Download
#### Purchase

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

## 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/gradient-able-free-angular-admin-template.git
git clone https://github.com/codedthemes/gradient-able-free-admin-template.git
```

#### Terminal Commands

This project was generated with Angular CLI version 9.0.2 and angular 9.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
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 Gradient Able Admin Dashboard_

## Online Documentation

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

## Build With

- [Angular CLI](https://github.com/angular/angular-cli)
- [Latest Bootstrap 5 Stable](https://getbootstrap.com/)
- [SASS Powered](https://sass-lang.com/)
- [NodeJs](https://nodejs.org/en/)
- [NgBootstrap](https://ng-bootstrap.github.io/#/home)

## Directory Structure
2. Install packages

```
gradient-able/
├── e2e
| ├── src/
| | ├── app/
| | | ├── demo/
| | | ├── theme/
| | | | ├── layout/
| | | | | ├── admin/
| | | | | | ├── configuration/
| | | | | | ├── nav-bar/
| | | | | | ├── navigation/
| | | | | | | ├── nav-content/
| | | | | | | ├── ...
| | | | | | | ├── navigation.ts
| | | | | | ├── admin.component.html
| | | | | | ├── admin.component.ts
| | | | | | ├── admin.component.scss
| | | | | ├── auth/
| | | | ├── shared/
| | | | | ├── components/
| | | | | | ├── button/
| | | | | | ├── ...
| | | | | | ├── 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/
| | | ├── fonts/
| | | ├── images/
| | | ├── tinymce/
| | ├── 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 i --legacy-peer-deps
```

#### Layouts

- 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)
3. Run project

#### Pages
```
npm run start
```

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

#### Basic & Advance Components
[Gradient Able Angular Documentation](https://codedthemes.gitbook.io/gradient-able-angular) helps you with installation, deployment, and troubleshooting.

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

_All above pages already included in Pro version. We need your support to include those pages in lite version too._
- Bootstrap 5
- Angular 17

## Author

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.
Gradient Able is developed by Team [CodedThemes](https://codedthemes.com).

## Issues

Please generate Github issue if you found bug in any version. We are try to be responsive to resolve the issue.
To report a bug, please submit an [issue](https://github.com/codedthemes/gradient-able-free-admin-template/issues) on Github. We will respond as soon as possible to resolve the issue.

## License

- Licensed cover under [MIT](https://github.com/codedthemes/gradient-able-free-admin-template/blob/master/LICENSE)
- Licensed cover under [MIT](https://github.com/codedthemes/datta-able-bootstrap-dashboard/blob/master/LICENSE)

## Gradient Able - React version

- [Premium](https://codedthemes.com/demos/admin-templates/gradient-able/react/default/)

## More Free Angular Dashboard Templates

- [Mantis Angular](https://codedthemes.com/item/mantis-angular-free-admin-template/)
- [Datta Able Angular](https://codedthemes.com/item/datta-able-angular-lite/)
- [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 4 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 Admin Template](https://codedthemes.com/item/category/templates/admin-templates/)
- [mantis Angular Pro](https://codedthemes.com/item/mantis-angular-admin-template/)
- [Datta Able Angular Pro](https://codedthemes.com/item/datta-able-angular/)
- [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/gradient-able/angular/default](https://codedthemes.com/demos/admin-templates/gradient-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)

0 comments on commit c85cfd9

Please sign in to comment.