notification bar in angular js - angularjs

hey I am creating a web application for an e learning project.
For that I am doing a notification bar which must give the looks and feel of Facebook's notification bar. We are using angular material design for designing the site. does anyone have a working examples or code for this?

Please take a look at this one: https://github.com/cgross/angular-notify

Related

Google Events API

I'm trying to code a website that includes events from a google calendar, and I was wondering if there is a good place to start to learn how to grab events from an existing calendar and then display them on my website? I know HTML, CSS, and Javascript, but I'm new to working with API's and JSON. Was wondering if someone could point me in the right direction?
Resources
Check out this quickstart guide to get yourself started with the Google Calendar API. For more information related to the Events in the Calendar API check this link
I hope this has helped you. Let me know if you need anything else or if you did not understood something. :)

Responsive design using reactJs

I'am using Reactjs for the first time and I want to make my website responsive .
So, Is there a library helps me to get a responsive design ?
thank you.
So this isn't something that React will do for you as building a responsive site is something more along the css that you decide to use.
What I would recommend you adding to your react project is another project like bootstrap which will give you the power to create a responsive website. It also has a lot of other basics that you can use in your project to build upon. Specifically for the responsive overview you will want to check out this link => https://getbootstrap.com/docs/4.0/layout/overview/

Calendar for Ionic Framework

I'm new to AngularJS and Ionic Framework, My present project now is to develop and integrate calendar event application for a mobile app. I already have the UI and only the integration is my problem to achieve this. Do you have guys any links or tutorial on how to do this? Thanks in advance!
You have a couple options:
make a calendar ui
1: http://angular-ui.github.io/ui-calendar/
use native device calendar
2:https://blog.nraboy.com/2015/02/using-native-device-calendar-ionic-framework/
do the same with ng-cordova
3: http://ngcordova.com/docs/plugins/calendar/

Integrating kibana dashboards into an angularjs app

I have my ElasticSearch setup with kibana showing different panels. I have another angularjs app. I would like to receive input in a field, use angularjs and show kibana panels in my angularjs app itself.
Are there any tutorials/guides to achieve this?
I have googled quite a bit about this, but am unable to find any help.
You could also rephrase my question as "How do I embed a kibana dashboard in my AngularJS Single page website?"
In kibana4, the easiest way to embed a dashboard is using an iframe. Click the "Share" button in the top-right corner to get the appropriate iframe tag. Then edit it as needed to make it embed seamlessly. Check out the seamless attribute.
When I google it your question, I have found some git article
May be it will help you to
You can use iframe read this
https://github.com/elastic/kibana/issues/729

Creating Sencha touch 2 app dashboard

I am developing a sencha touch 2 app. My app should authenticate a user and load a dynamic dashboard according to user authorization (could be different menu icons for different users).
My question: which sencha touch 2 component is more suitable for dynamic dashboard (menu) creation? I guess my dashboard look like as shown in the following picture:
Can anyone help me? Thanks
This is very much like thumbnail gallery/list shown in Touch Style example bundled with Sencha touch library in examples folder. As #TDeBailleul said this can be done with DataView but if you feel that is little tricky or touch you can use template approach easily.

Resources