Make 3 Pull Requests to https://github.com/codebuddiesdotorg/codebuddies repo
- Join study group prompt login
- #830 Add global activity feed on home logged out page
- #871 Send notification to Facebook and Slack when hangout time has been changed.
codebuddies 1.1 release.
- Scroll Spy NavBar
- Demo: https://railsstudent.github.io/vue-scroll-spy-navbar/
- Repo: https://github.com/railsstudent/vue-scroll-spy-navbar
- Animated Image Search using Pixable API
- Demo: https://railsstudent.github.io/vue-animated-image-search/
- Repo: https://github.com/railsstudent/vue-animated-image-search/
- Timezone Converter (Used time-convert.js built from ng-time-converter project)
- Demo: https://railsstudent.github.io/vue-time-converter/
- Repo: https://github.com/railsstudent/vue-time-converter
- Simple portfolio site for May 18th side project sharing
- Demo: https://railsstudent.github.io/portfolio/
- Repo: https://github.com/railsstudent/portfolio
Make 5 Pull Requests to https://github.com/codebuddiesdotorg/codebuddies repo
- Opt out of auto-tweeted learnings – You can now opt out of auto-tweeting your learnings when you share a learning
- Github signin link added to the home page
- Bug fix: owner of completed hangout can create a hangout from the same page (broken button)
- Bug fix: hide google calendar button in completed hangout
- Remove duplicated code in the Meteor.LoginWithSlack function
codebuddies 1.0 release.
Circles in flexbox
Authentication in angular with ngrx
Hidden feature in Angular Material CDK
Angular Reactive Forms
Apply Webpack bundle analyser to find bundle size in Angular App
Reading the tutorial to build a nodeJS + express GraphQL server
Currently in Chapter 3: A Simple Query
Build a Todo App with Angular 5 and Ngrx 5. Ngrx 5 is an open source state management library powered by RxJS.
So far, I used ngrx/store to define a store that stores todo, course and instructor entities. Ngrx entity generates entity state that is an object with mandatory ids and entities properties. As their names implied, ids hold an array of object ids and entities is a mapping of id to object. If you want the entity state to have custom attributes, they are initialized in getInitialState function of Adapter class.
Ngrx effect, on the other hand, observes some actions, causes side effects and returns the result actions to reducer function. Reducer function accepts the result action, processes the payload and updates the store with new state. Ngrx effect class is a good candidate to make HTTP requests to backend, extract response data, construct payload and provide resultant action.
Furthermore, todo and learnings are designed as lazy loaded modules to reduce initial load time and they only get loaded when navigating to route of the module.