Skip to content

Commit ab9d1d5

Browse files
einazareeinazare
committed
feature: add base for tailwind-webapp-angular
0 parents  commit ab9d1d5

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+2014
-0
lines changed

‎.editorconfig‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
# Editor configuration, see https://editorconfig.org
2+
root = true
3+
4+
[*]
5+
charset = utf-8
6+
indent_style = space
7+
indent_size = 2
8+
insert_final_newline = true
9+
trim_trailing_whitespace = true
10+
11+
[*.md]
12+
max_line_length = off
13+
trim_trailing_whitespace = false

‎README.md‎

Lines changed: 229 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,229 @@
1+
# <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.creative-tim.com%2Flearning-lab%2Ftailwindcss-starter-project%23%2Fpresentation&text=Tailwind%20Starter%20Kit%20by%20Creative%20Tim&original_referer=&via=Creative%20Tim&hashtags=creativetim" target="_blank">![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)</a>
2+
3+
4+
![version](https://img.shields.io/badge/version-1.0.0-blue.svg) ![license](https://img.shields.io/badge/license-MIT-blue.svg) <a href="https://github.com/creativetimofficial/tailwind-starter-kit/issues?q=is%3Aopen+is%3Aissue" target="_blank">![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/tailwind-starter-kit.svg?maxAge=2592000)</a> <a href="https://github.com/creativetimofficial/tailwind-starter-kit/issues?q=is%3Aissue+is%3Aclosed" target="_blank">![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/tailwind-starter-kit.svg?maxAge=2592000)</a> <a href="https://gitter.im/creative-tim-general/Lobby" target="_blank">![Join the chat at https://gitter.im/NIT-dgp/General](https://badges.gitter.im/NIT-dgp/General.svg)</a> <a href="https://discord.gg/E4aHAQy" target="_blank">![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg)</a>
5+
6+
7+
![Product Presentation Image](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/dashboard.jpg)
8+
9+
## Table of Contents
10+
11+
* [Description](#description)
12+
* [Documentation](#documentation)
13+
* [Quick Start](#quick-start)
14+
* [Browser Support](#browser-support)
15+
* [Reporting Issues](#reporting-issues)
16+
* [Licensing](#licensing)
17+
* [Useful Links](#useful-links)
18+
* [Resources](#resources)
19+
* [Versions](#versions)
20+
* [File Structure](#file-structure)
21+
22+
23+
## Description
24+
25+
### Angular Dashboard Page
26+
27+
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.15.
28+
29+
### Development server
30+
31+
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.
32+
33+
### Code scaffolding
34+
35+
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
36+
37+
### Build
38+
39+
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
40+
41+
### Running unit tests
42+
43+
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
44+
45+
### Running end-to-end tests
46+
47+
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
48+
49+
### Further help
50+
51+
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).
52+
53+
54+
55+
## Documentation
56+
The documentation for the Angular Dashboard Page is hosted at our <a href="https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/documentation/dashboard?ref=adp-tsk-readme" target="_blank">website</a>.
57+
58+
59+
60+
61+
<a href="https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/dashboard?ref=adp-tsk-readme" target="_blank">View More</a>
62+
63+
64+
## Quick start
65+
66+
67+
68+
- <a href="https://github.com/creativetimofficial/tailwind-starter-kit/archive/master.zip" target="_blank">Download from Github</a>.
69+
- <a href="https://github.com/creativetimofficial/tailwind-starter-kit" target="_blank">Check it on Github</a>.
70+
71+
## Browser Support
72+
73+
At present, we officially aim to support the last two versions of the following browsers:
74+
75+
| Chrome | Firefox | Edge | Safari | Opera |
76+
|:---:|:---:|:---:|:---:|:---:|
77+
| <img src="https://github.com/creativetimofficial/public-assets/blob/master/logos/chrome-logo.png?raw=true" width="64" height="64"> | <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/firefox-logo.png" width="64" height="64"> | <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/edge-logo.png" width="64" height="64"> | <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/safari-logo.png" width="64" height="64"> | <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/opera-logo.png" width="64" height="64"> |
78+
79+
## Reporting Issues
80+
81+
We use GitHub Issues as the official bug tracker for the Angular Dashboard Page. Here are some advices for our users that want to report an issue:
82+
83+
1. Make sure that you are using the latest version of the Angular Dashboard Page. Check the CHANGELOG from your dashboard on our <a href="https://www.creative-tim.com/?ref=adp-tsk-readme" target="_blank">website</a>.
84+
2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
85+
3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.
86+
87+
## Licensing
88+
89+
- Copyright 2019 <a href="https://www.creative-tim.com/?ref=adp-tsk-readme" target="_blank">Creative Tim</a>
90+
91+
92+
93+
- Licensed under <a href="https://github.com/creativetimofficial/tailwind-starter-kit/blob/master/LICENSE.md" target="_blank">MIT</a>
94+
95+
## Useful Links
96+
97+
- <a href="https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w" target="_blank">Tutorials</a>
98+
- <a href="https://www.creative-tim.com/affiliates/new?ref=adp-tsk-readme" target="_blank">Affiliate Program</a> (earn money)
99+
- <a href="http://blog.creative-tim.com/?ref=adp-tsk-readme" target="_blank">Blog Creative Tim</a>
100+
- <a href="https://www.creative-tim.com/templates/free?ref=adp-tsk-readme" target="_blank">Free Products</a> from Creative Tim
101+
- <a href="https://www.creative-tim.com/templates/premium?ref=adp-tsk-readme" target="_blank">Premium Products</a> from Creative Tim
102+
- <a href="https://www.creative-tim.com/templates/react?ref=adp-tsk-readme" target="_blank">React Products</a> from Creative Tim
103+
- <a href="https://www.creative-tim.com/templates/angular?ref=adp-tsk-readme" target="_blank">Angular Products</a> from Creative Tim
104+
- <a href="https://www.creative-tim.com/templates/vuejs?ref=adp-tsk-readme" target="_blank">VueJS Products</a> from Creative Tim
105+
- <a href="https://www.creative-tim.com/templates?ref=adp-tsk-readme" target="_blank">More products</a> from Creative Tim
106+
- Check our Bundles <a href="https://www.creative-tim.com/bundles?ref=adp-tsk-readme" target="_blank">here</a>
107+
108+
### Social Media
109+
110+
Twitter: <a href="https://twitter.com/CreativeTim" target="_blank">https://twitter.com/CreativeTim</a>
111+
112+
Facebook: <a href="https://www.facebook.com/CreativeTim" target="_blank">https://www.facebook.com/CreativeTim</a>
113+
114+
Dribbble: <a href="https://dribbble.com/creativetim" target="_blank">https://dribbble.com/creativetim</a>
115+
116+
Instagram: <a href="https://www.instagram.com/creativetimofficial/" target="_blank">https://www.instagram.com/creativetimofficial/</a>
117+
118+
119+
## Resources
120+
- Demo: <a href="https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/dashboard?ref=adp-tsk-readme" target="_blank">https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/dashboard?ref=adp-tsk-readme</a>
121+
- Download Page: <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Dashboard%20Page/angular-dashboard-page?ref=adp-tsk-readme" target="_blank">https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Dashboard%20Page/angular-dashboard-page?ref=adp-tsk-readme</a>
122+
- Documentation: <a href="https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/documentation/dashboard?ref=adp-tsk-readme" target="_blank">https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/documentation/dashboard?ref=adp-tsk-readme</a>
123+
- License Agreement: <a href="https://www.creative-tim.com/license?ref=adp-tsk-readme" target="_blank">https://www.creative-tim.com/license?ref=adp-tsk-readme</a>
124+
- Support: <a href="https://www.creative-tim.com/contact-us?ref=adp-tsk-readme" target="_blank">https://www.creative-tim.com/contact-us?ref=adp-tsk-readme</a>
125+
- Issues: <a href="https://github.com/creativetimofficial/tailwind-starter-kit/issues" target="_blank">Github Issues Page</a>
126+
127+
128+
## Versions
129+
130+
<a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Dashboard%20Page/angular-dashboard-page?ref=adp-tsk-readme" target="_blank"><img src="https://github.com/creativetimofficial/public-assets/blob/master/logos/angular-logo.jpg?raw=true" width="60" height="60" /><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Dashboard%20Page/html-dashboard-page?ref=adp-tsk-readme" target="_blank"><img src="https://github.com/creativetimofficial/public-assets/blob/master/logos/html-logo.jpg?raw=true" width="60" height="60" /></a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Dashboard%20Page/react-dashboard-page?ref=adp-tsk-readme" target="_blank"><img src="https://github.com/creativetimofficial/public-assets/blob/master/logos/react-logo.jpg?raw=true" width="60" height="60" /></a><a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Dashboard%20Page/vuejs-dashboard-page?ref=adp-tsk-readme" target="_blank"><img src="https://github.com/creativetimofficial/public-assets/blob/master/logos/vue-logo.jpg?raw=true" width="60" height="60" /></a>
131+
132+
### FREE Dashboards
133+
134+
|Angular Dashboard Page|HTML Dashboard Page|React Dashboard Page|VueJS Dashboard Page|
135+
| --- | --- | --- | --- |
136+
| <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Dashboard%20Page/angular-dashboard-page" target="_blank">![Angular Dashboard Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/dashboard.jpg)</a> | <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Dashboard%20Page/html-dashboard-page" target="_blank">![HTML Dashboard Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/dashboard.jpg)</a> | <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Dashboard%20Page/react-dashboard-page" target="_blank">![React Dashboard Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/dashboard.jpg)</a> | <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Dashboard%20Page/vuejs-dashboard-page" target="_blank">![VueJS Dashboard Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/dashboard.jpg)</a> |
137+
138+
139+
140+
141+
### FREE Design Systems (Kits)
142+
143+
144+
|Angular Landing Page|HTML Landing Page|React Landing Page|VueJS Landing Page|
145+
| --- | --- | --- | --- |
146+
| <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Landing%20Page/angular-landing-page" target="_blank">![Angular Landing Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/landing.jpg)</a> | <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Landing%20Page/html-landing-page" target="_blank">![HTML Landing Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/landing.jpg)</a> | <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Landing%20Page/react-landing-page" target="_blank">![React Landing Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/landing.jpg)</a> | <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Landing%20Page/vuejs-landing-page" target="_blank">![VueJS Landing Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/landing.jpg)</a> |
147+
148+
149+
|Angular Login Page|HTML Login Page|React Login Page|VueJS Login Page|
150+
| --- | --- | --- | --- |
151+
| <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Login%20Page/angular-login-page" target="_blank">![Angular Login Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/login.jpg)</a> | <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Login%20Page/html-login-page" target="_blank">![HTML Login Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/login.jpg)</a> | <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Login%20Page/react-login-page" target="_blank">![React Login Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/login.jpg)</a> | <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Login%20Page/vuejs-login-page" target="_blank">![VueJS Login Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/login.jpg)</a> |
152+
153+
154+
155+
|Angular Profile Page|HTML Profile Page|React Profile Page|VueJS Profile Page|
156+
| --- | --- | --- | --- |
157+
| <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Profile%20Page/angular-profile-page" target="_blank">![Angular Profile Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/profile.jpg)</a> | <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Profile%20Page/html-profile-page" target="_blank">![HTML Profile Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/profile.jpg)</a> | <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Profile%20Page/react-profile-page" target="_blank">![React Profile Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/profile.jpg)</a> | <a href="https://github.com/creativetimofficial/tailwind-starter-kit/tree/master/Profile%20Page/vuejs-profile-page" target="_blank">![VueJS Profile Page](https://raw.githubusercontent.com/creativetimofficial/tailwind-starter-kit/master/images/profile.jpg)</a> |
158+
159+
160+
161+
162+
163+
164+
165+
166+
## File Structure
167+
Within the download you'll find the following directories and files:
168+
169+
```
170+
.
171+
|-- README.md
172+
|-- angular.json
173+
|-- browserslist
174+
|-- e2e
175+
| |-- protractor.conf.js
176+
| |-- src
177+
| | |-- app.e2e-spec.ts
178+
| | `-- app.po.ts
179+
| `-- tsconfig.json
180+
|-- karma.conf.js
181+
|-- package.json
182+
|-- src
183+
| |-- app
184+
| | |-- app-routing.module.ts
185+
| | |-- app.component.html
186+
| | |-- app.component.ts
187+
| | |-- app.module.ts
188+
| | |-- components
189+
| | | |-- bar-chart
190+
| | | | |-- bar-chart.component.html
191+
| | | | `-- bar-chart.component.ts
192+
| | | |-- line-chart
193+
| | | | |-- line-chart.component.html
194+
| | | | `-- line-chart.component.ts
195+
| | | |-- navbar
196+
| | | | |-- navbar.component.html
197+
| | | | `-- navbar.component.ts
198+
| | | |-- notification-dropdown
199+
| | | | |-- notification-dropdown.component.html
200+
| | | | `-- notification-dropdown.component.ts
201+
| | | |-- sidebar
202+
| | | | |-- sidebar.component.html
203+
| | | | `-- sidebar.component.ts
204+
| | | `-- user-dropdown
205+
| | | |-- user-dropdown.component.html
206+
| | | `-- user-dropdown.component.ts
207+
| | `-- pages
208+
| | `-- dashboard
209+
| | |-- dashboard.component.html
210+
| | `-- dashboard.component.ts
211+
| |-- apple-icon.png
212+
| |-- assets
213+
| | `-- img
214+
| | |-- blue.png
215+
| | `-- team-1-800x800.jpg
216+
| |-- environments
217+
| | |-- environment.prod.ts
218+
| | `-- environment.ts
219+
| |-- favicon.ico
220+
| |-- index.html
221+
| |-- main.ts
222+
| |-- polyfills.ts
223+
| |-- styles.css
224+
| `-- test.ts
225+
|-- tsconfig.app.json
226+
|-- tsconfig.json
227+
|-- tsconfig.spec.json
228+
`-- tslint.json
229+
```

‎angular.json‎

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
{
2+
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3+
"version": 1,
4+
"newProjectRoot": "projects",
5+
"projects": {
6+
"angular-landing-page": {
7+
"projectType": "application",
8+
"schematics": {},
9+
"root": "",
10+
"sourceRoot": "src",
11+
"prefix": "app",
12+
"architect": {
13+
"build": {
14+
"builder": "@angular-devkit/build-angular:browser",
15+
"options": {
16+
"allowedCommonJsDependencies": [ "chart.js" ],
17+
"outputPath": "dist/angular-landing-page",
18+
"index": "src/index.html",
19+
"main": "src/main.ts",
20+
"polyfills": "src/polyfills.ts",
21+
"tsConfig": "tsconfig.app.json",
22+
"aot": false,
23+
"assets": [
24+
"src/favicon.ico",
25+
"src/assets"
26+
],
27+
"styles": [
28+
"src/styles.css",
29+
"node_modules/@fortawesome/fontawesome-free/css/all.min.css"
30+
],
31+
"scripts": []
32+
},
33+
"configurations": {
34+
"production": {
35+
"fileReplacements": [
36+
{
37+
"replace": "src/environments/environment.ts",
38+
"with": "src/environments/environment.prod.ts"
39+
}
40+
],
41+
"optimization": true,
42+
"outputHashing": "all",
43+
"sourceMap": false,
44+
"extractCss": true,
45+
"namedChunks": false,
46+
"aot": true,
47+
"extractLicenses": true,
48+
"vendorChunk": false,
49+
"buildOptimizer": true,
50+
"budgets": [
51+
{
52+
"type": "initial",
53+
"maximumWarning": "2mb",
54+
"maximumError": "5mb"
55+
},
56+
{
57+
"type": "anyComponentStyle",
58+
"maximumWarning": "6kb",
59+
"maximumError": "10kb"
60+
}
61+
]
62+
}
63+
}
64+
},
65+
"serve": {
66+
"builder": "@angular-devkit/build-angular:dev-server",
67+
"options": {
68+
"browserTarget": "angular-landing-page:build"
69+
},
70+
"configurations": {
71+
"production": {
72+
"browserTarget": "angular-landing-page:build:production"
73+
}
74+
}
75+
},
76+
"extract-i18n": {
77+
"builder": "@angular-devkit/build-angular:extract-i18n",
78+
"options": {
79+
"browserTarget": "angular-landing-page:build"
80+
}
81+
},
82+
"test": {
83+
"builder": "@angular-devkit/build-angular:karma",
84+
"options": {
85+
"main": "src/test.ts",
86+
"polyfills": "src/polyfills.ts",
87+
"tsConfig": "tsconfig.spec.json",
88+
"karmaConfig": "karma.conf.js",
89+
"assets": [
90+
"src/favicon.ico",
91+
"src/assets"
92+
],
93+
"styles": [
94+
"src/styles.css"
95+
],
96+
"scripts": []
97+
}
98+
},
99+
"lint": {
100+
"builder": "@angular-devkit/build-angular:tslint",
101+
"options": {
102+
"tsConfig": [
103+
"tsconfig.app.json",
104+
"tsconfig.spec.json",
105+
"e2e/tsconfig.json"
106+
],
107+
"exclude": [
108+
"**/node_modules/**"
109+
]
110+
}
111+
},
112+
"e2e": {
113+
"builder": "@angular-devkit/build-angular:protractor",
114+
"options": {
115+
"protractorConfig": "e2e/protractor.conf.js",
116+
"devServerTarget": "angular-landing-page:serve"
117+
},
118+
"configurations": {
119+
"production": {
120+
"devServerTarget": "angular-landing-page:serve:production"
121+
}
122+
}
123+
}
124+
}
125+
}},
126+
"defaultProject": "angular-landing-page"
127+
}

0 commit comments

Comments
 (0)