Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New Feature: Global Notification Service #4

Open
5 tasks
natanbr opened this issue Feb 14, 2021 · 0 comments
Open
5 tasks

New Feature: Global Notification Service #4

natanbr opened this issue Feb 14, 2021 · 0 comments
Labels
enhancement New feature or request

Comments

@natanbr
Copy link
Owner

natanbr commented Feb 14, 2021

In this feature you are asked to implement a global notification service.
The goal of this feature is to help us better evaluate your Angular skills,
Please avoid using any external libraries❕

There are 2 places this service is used:

  1. Clicking on any of the "Info", "Success" or "Failure" buttons on the top will trigger an event that will display a notification.
  2. In "comments.service.ts" you will find a TODO to call that global notification
    image

Requirements:

  • The global notification message should support 3 types of messages: "Info", "Success" and "Error"
  • Each notification can have a title (one line) and a message (up to 3 lines)
  • User should be able to dismiss the notification by clicking on X button
  • The notification should have nice animation on "enter" and another animation on "leave"

Nice to have:

  • auto dismiss the notification after x seconds (use 3 seconds by default)

Example:

Here is an example of this feature the way I decided to implement it.
You DON'T need to do it one to one. On the contrary, creating will be reworded

ex4
**

@natanbr natanbr added the enhancement New feature or request label Feb 14, 2021
Repository owner locked and limited conversation to collaborators Feb 16, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant