Here's How I Upgraded from Kitkat4.4 to Lollipop5.1 with working GravityBox (xposed)

When I first upgraded from 4.4 to 5.1 I couldn't find any guide on how to upgrade my phone(without bricking it :D) but I tried and it worked and it's very simple.

I'm using moto e xt1022 Indian version.
Previously I had:
-Official Kitkat 4.4 version with root
-TWRP 2.7.2.0 recovery

How I upgraded (and can you) to Official Lollipop 5.1 Rom:
1. I updated the recovery to [RECOVERY][Condor] TWRP 2.8.7 touch recovery [2015-05-05] . I used Flashify app to install recovery.

2. choose a flavour of lollipop roms from this post [ROM][5.1][STOCK][FLASHABLE ZIP] Stock Motorola Lollipop ROM Collection by lost101. I personally liked the Untouched version (459mb) because Xposed framework runs smoothly on this Rom so, I debloated it( to 280 MB) and flashed it.
2.1 this Rom is NOT ROOTED but when you successfully flash this ROM via TWRP 2.8.7, at the end of flashing TWRP will ask to root this ROM SELECT YES, that's how I rooted it.

3 phone booting will take some time.

4. After bootup, update your SU app to the latest version to avoid any problem.

optional: I also updated my Radio to Lollipop Radio Firmware from the same Lollipop ROM Collection thread. (but this Radio is entirely optional) I just wanted to test it and it's working fine so far..

XposedFramework Part
5. flash xposed-v7*-sdk22-arm-by-romracer-20150816.zip from twrp recovery [UNOFFICIAL] Xposed for Android 5.1

6. booting up will take some time.

7. open Xposed installer app in phone; download the GravityBox App from Download menu; install it then tick the app in Module option and restart. GravityBox will work flawlessly :)
I've also tried several other modules and they are working properly.

Hope this little guide will help new seekers :)
Cheers :)