Git Product home page Git Product logo

nikosanif / angular-authentication Goto Github PK

View Code? Open in Web Editor NEW
198.0 5.0 49.0 4.64 MB

An Angular application that demonstrates best practices for user authentication & authorization flows.

Home Page: https://angular-authentication.netlify.app

License: MIT License

JavaScript 0.77% HTML 21.96% TypeScript 72.26% SCSS 4.78% Shell 0.24%
angular authentication ngrx taiga-ui tailwindcss authorization typescript

angular-authentication's Introduction

Hey there! I'm Nikos. ๐Ÿ‘‹

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป About Me

  • ๐Ÿ”ญ ย  Iโ€™m currently working on Angular & Node.js Application Development.
  • ๐Ÿค” ย  Exploring new technologies and developing software solutions.
  • ๐ŸŽ“ ย  I have studied Computer Science and Computer Programming.
  • ๐Ÿ’ผ ย  I work as a Fullstack Software Engineer.
  • ๐Ÿ“ ย  I write stuff at dev.to/nikosanif and nikosanif.medium.com
  • ๐ŸŒฑ ย  Enthusiast in Angular and Web Technologies in general.
  • โšก ย  I have a passion for sleek user-friendly design and I love writing nicely architectured, clean and maintainable code.
  • ๐Ÿ“ซ ย  How to reach me: Twitter or LinkedIn
  • ๐ŸŽ™ ย  Pronouns: He/Him
  • ๐Ÿ˜„ ย  Fun fact: Love watching cartoons

๐Ÿ›  Technologies & Tools

  • ๐ŸŒ ย  Frontend Programming
    Angular React Web Sockets Material Design Bootstrap HTML5 CSS3 Sass

  • ๐Ÿ’ป ย  Backend Programming
    Typescript JavaScript Java C# Node.js Gulp Mongoose Elasticsearch kibana

  • ๐Ÿ›ข ย  Databases
    NoSQL MySQL Neo4j RDF

  • ๐Ÿ”ง ย  Tools
    Docker Git VS Code PhotoShop XD

๐Ÿ“ˆ Github Stats

Top Langs Stats

angular-authentication's People

Contributors

nikosanif avatar theoklitosbam7 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

angular-authentication's Issues

Problem to add ngx-translate module

Hi,

First of all, nice work, it's a very good project. So thanks !

I'm trying to implement ngx-translate module in the app, but I encounter several problems.

I import TranslateModule in app.module.ts like that:

TranslateModule.forRoot({
      defaultLanguage: 'fr',
      loader: {
          provide: TranslateLoader,
          useFactory: HttpLoaderFactory,
          deps: [HttpClient]
      },
      isolate: false,
      extend: true
    })

And the HttpLoaderFactory :

export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}

Then in core.module.ts and auth.module.ts, I import translate module as:

TranslateModule.forChild({
  loader: {
    provide: TranslateLoader,
    useFactory: HttpLoaderFactory,
    deps: [HttpClient]
  },
  isolate: false,
  extend: true
}),

And I have my language file (fr.json, en.json) in a folder in src/assets/i18n/.

Current Behavior

I have a 404 error when I start the app on my language files. And I don't understand why.

Expected Behavior

In an other angular app, I do not have problem to add translate module and my json are correctly read.

Do you have any ideas to correct this issue ?

Thank you.
ibadass

Retrieve error message

Hello (it's me again...),

I'm having some trouble retrieving error messages stored in the hasLoginError$ store.
I want to get the error message and code (response from my API service) when the login action failed and display it in my html file, to replace the actual message (Ooops! The login details are incorrect. ).

I'm new on angular, and haven't been able to do this.

Can you help me for this?

Thanks in advance.
ibadass

Unit tests

Description

Currently, the application does not have any tests. Thus, we should write unit tests.

Motivation

Testing your Angular application helps you check that your app is working as you expect.

Suggested Implementation

  • Migrate from Karma to Jest
  • Start adding unit tests

Alternate Implementations

N/A

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.