Today is the fourth day working on this app. It's coming together nicely! I initially asked my friend Fernando for some advice on using Facebook authentication and he became interested in my app. We decided to start doing this together :) ! Because his last few projects used AngularJS he's been an awesome partner to work with.
Angular does an awesome job in separating out your models, views, and controllers but it's also a pain because you have to do everything the angular way. I keep on wanting to incorporate some jQuery (like show/hide, each, etc) but you should always use Angular methods for them. After a while you get used to it though.
Firebase is an online database and also has some unique syntax associated with it but its so fun to work with. It's very straight forward and you can learn how to use it in 20 minutes because they make it so easy!
Today we spent 12 hours at Bennu and got some stuff done. For the first two days, I didn't code at all because I was going through multiple Angular tutorials and just reading sample code to really gauge how it worked. It was soo not fun but necessary. Another few hours were spent on learning firebase. Firebase is awesome by the way, but you have to shift your way of thinking because everything is saved as JSON objects and it's not relational. You can't execute normal SQL commands to pick out certain objects in the database which means you have to store them differently as well. But our whole app is all front-end and everything syncs in real-time!!!
Right now we have some functionality in SORA. I started out by working on your own profile view. All data is taken from the Facebook login, so when you're on your profile page you can view what school you went to, how old you are, and the 25 most recent photos you've been tagged in. Eventually I'll make it so that you can choose your own profile picture, but as of now its the most recent photo (so the photo with index 0 in the array returned from the facebook API query). If you want to edit your description about yourself you can click the edit button and type it in. The awesome thing is, once you edit it, your blurb will be automatically updated on everyone else's device instantly without refresh. This is the power of Angular and Firebase!
I also made the posts page. I wanted to mimic how Facebook styles their newsfeed so that's what I aimed for. You can enter an event at the top, and everyone else's posts are displayed with the most recent one on top. It automatically loads other people's posts just like facebook :3 The difficult part about this was reversing the order of every post because originally the oldest post was showing up at the top. The posts were all in one JSON object with the keys being randomly generated strings so I had to put them all into an array and reverse before sending it into ng-repeat.
Fernando has been working on the chat feature. It looks awesome and Firebase made it doable without any crazy NodeJS stuff. He also got it to automatically scroll down during the chat which seemed like a pain in the butt.
Overall a great day :D
Angular does an awesome job in separating out your models, views, and controllers but it's also a pain because you have to do everything the angular way. I keep on wanting to incorporate some jQuery (like show/hide, each, etc) but you should always use Angular methods for them. After a while you get used to it though.
Firebase is an online database and also has some unique syntax associated with it but its so fun to work with. It's very straight forward and you can learn how to use it in 20 minutes because they make it so easy!
Today we spent 12 hours at Bennu and got some stuff done. For the first two days, I didn't code at all because I was going through multiple Angular tutorials and just reading sample code to really gauge how it worked. It was soo not fun but necessary. Another few hours were spent on learning firebase. Firebase is awesome by the way, but you have to shift your way of thinking because everything is saved as JSON objects and it's not relational. You can't execute normal SQL commands to pick out certain objects in the database which means you have to store them differently as well. But our whole app is all front-end and everything syncs in real-time!!!
Right now we have some functionality in SORA. I started out by working on your own profile view. All data is taken from the Facebook login, so when you're on your profile page you can view what school you went to, how old you are, and the 25 most recent photos you've been tagged in. Eventually I'll make it so that you can choose your own profile picture, but as of now its the most recent photo (so the photo with index 0 in the array returned from the facebook API query). If you want to edit your description about yourself you can click the edit button and type it in. The awesome thing is, once you edit it, your blurb will be automatically updated on everyone else's device instantly without refresh. This is the power of Angular and Firebase!
I also made the posts page. I wanted to mimic how Facebook styles their newsfeed so that's what I aimed for. You can enter an event at the top, and everyone else's posts are displayed with the most recent one on top. It automatically loads other people's posts just like facebook :3 The difficult part about this was reversing the order of every post because originally the oldest post was showing up at the top. The posts were all in one JSON object with the keys being randomly generated strings so I had to put them all into an array and reverse before sending it into ng-repeat.
Fernando has been working on the chat feature. It looks awesome and Firebase made it doable without any crazy NodeJS stuff. He also got it to automatically scroll down during the chat which seemed like a pain in the butt.
Overall a great day :D