Giter VIP home page Giter VIP logo

theduodecim / authentification-angular-8-webpack Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 996 KB

1 Create Base Project Structure & Webpack Config , 2 Creating the home login & register component with Routing and barret , 3 Creating fake backend & global api and authentification Service that will handle the bancked , 3.5 Authentification Login Component creation Logic and ViewTemplate, 4 injecting Authentification to the AppComponent to check the logedCurrentUser 5 Guards creating and adding to routingModule , 6 Interceptors & Error Interceptors for the HTTP Request, 7 Updating the fake backend for Register Users Storing each user in the localStorage, 8 Creating UserService that manage the Crud of the users , 9 Creating Register Logic that handles formGroup validation, Submission, Error Handling , and binding to the Template View, 10 Adding Success Message verifying the sended QueryParams Property Option , 11 Adding Crud functionalities to the Fake-Backend, 12 Creating the Logic for the Home Component and the Template to display each user registered and delete, 13 Alert Service, 14 Creating the Alert Component and adding the selector to the app-component , 15 Refactoring Login Component with the new Alert Service, 16 Refactoring Register Component with the new AlertService

HTML 18.59% TypeScript 78.74% JavaScript 2.68%

authentification-angular-8-webpack's Introduction

Authentification-Angular-8

1 Create Base Project Structure & Webpack Config ,
2 Creating the home login register component with Routing and barret ,
3 Creating fake backend global api and authentification Service that will handle the bancked ,
3.5 Authentification Login Component creation Logic and ViewTemplate,
4 injecting Authentification to the AppComponent to check the logedCurrentUser.
5 Guards creating and adding to routingModule ,
6 Interceptors & Error Interceptors for the HTTP Request,
7 Updating the fake backend for Register Users Storing each user in the localStorage,
8 Creating UserService that manage the Crud of the users ,
9 Creating Register Logic that handles formGroup validation, Submission, Error Handling , and binding to the Template View,
10 Adding Success Message verifying the sended QueryParams Property Option ,
11 Adding Crud functionalities to the Fake-Backend,
12 Creating the Logic for the Home Component and the Template to display each user registered and delete,
13 Alert Service, 14 Creating the Alert Component and adding the selector to the app-component ,
15 Refactoring Login Component with the new Alert Service,
16 Refactoring Register Component with the new AlertService

authentification-angular-8-webpack's People

Contributors

theduodecim avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.