-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathREADME.md.bak
59 lines (45 loc) · 1.85 KB
/
README.md.bak
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
# Angular 14 + AdminLTE + Dynamic Angular Architecture
If you want to start any Admin Panel or want best Angular Architecture then take this repo and follow below steps,
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.3.
Login Credentials
Email: [email protected]
Password: admin
## Build and Run project
`````
Run below commands in console
1. npm install
2. ng build
3. ng serve
Open New console and run below command to run API
1. json-server --watch db.json
`````
## features
````
1. AdminLTE3 template
2. Admin template
3. Responsive on mobile
4. Angular material
5. Dynamic module routing and Dependency injection
6. Lazy loading modules
7. Design patterns
8. InBuilt database with help of Json-Server
9. RxJs new features
10. Custom loader service
11. Custom notification service
12. State management service to maintain state on page refresh
13. Back button functionality for views
14. Add custom validations and form validations into form group
15. Show/Hide menu bar on click for both desktop and mobile layout
````
### Login page
![image login](https://raw.githubusercontent.com/brijeshp1993/Angular-AdminLTE/master/src/assets/img/login.png)
### Register page
![image login](https://raw.githubusercontent.com/brijeshp1993/Angular-AdminLTE/master/src/assets/img/register.png)
### Dashboard page
![image login](https://raw.githubusercontent.com/brijeshp1993/Angular-AdminLTE/master/src/assets/img/dashboard.png)
### User List page
![image login](https://raw.githubusercontent.com/brijeshp1993/Angular-AdminLTE/master/src/assets/img/user.png)
### Add/Edit user page
![image login](https://raw.githubusercontent.com/brijeshp1993/Angular-AdminLTE/master/src/assets/img/edit.png)
### Responsive Design
![image login](https://raw.githubusercontent.com/brijeshp1993/Angular-AdminLTE/master/src/assets/img/Responsive.png)