From c85cfd942fecb31e6afedfd15e3f9ee37b00cd11 Mon Sep 17 00:00:00 2001 From: ct-dixit <106728438+ct-dixit@users.noreply.github.com> Date: Tue, 30 Jan 2024 11:48:28 +0530 Subject: [PATCH] update readme file complete --- angular/readme.md | 218 +++++++++++++++------------------------------- 1 file changed, 72 insertions(+), 146 deletions(-) diff --git a/angular/readme.md b/angular/readme.md index d29eebe..d021f92 100644 --- a/angular/readme.md +++ b/angular/readme.md @@ -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) \ No newline at end of file