/admin-panel-app

Angular Application. My pet-project that can help administrators. Ukraine.

Primary LanguageTypeScript

AdminPanelApp

Hello! My name is Dmytrii and I want to present my pet-project. Application where there is authorization, in the admin panel, dynamic navigation. There is a user list download. Work progress bar that simulates loading from the server. It won't let you into the admin panel if you're not registered and won't let you go to the login page if you're registered. I used Route Guards for that. I made a built-in validation from Angular for the email, and used regular expressions for the password as taught in the course. Made a fake authorization through local storage. Token used. Used SCSS. Bootstrap. A minimum of styles, a minimum of layout, although adaptive did. I wanted to practice on Angular.

Link to the video presentation of this pet-project on my YouTube channel:
https://www.youtube.com/watch?v=hLXQznkKB_M

This project was generated with Angular CLI version 14.1.0.

TECHNICAL CHARACTERISTICS:

  1. ANGULAR 14
  2. SCSS
  3. BOOTSTRAP
  4. Route Guards
  5. Validation | Token
  6. Adaptive / Responsive
  7. jsonplaceholder.typicode.com
  8. Progress bar
  9. Page 404
  10. Gradient Design

Auth:

1

Admin panel:

2

List of users:

3

Information about the user:

4

Adaptive:

5

Page 404:

6