I'm trying to get better at writing and understanding single page applications and want that knowledge to be framework agnostic. I've found an interesting book on it but no concrete implementation [2]<p>I've been searching GitHub and blog posts for any open source actual single page applications (not frameworks, generators, etc..) and have come up with some good resources but nothing that exactly fits my need.<p>There is a backbone example [1] but that's only a ToDo list. Pretty much all of the stuff I work on is more complex than that (I'm just a jr dev but the example is so contained), so these examples don't give me a good way of checking my work and understanding.<p>I understand people use ToDo as their demo because it allows for easy cross-comparison but for digging in it really doesn't help much. One object, tracking its few properties, and keeping a list will be maintainable and extensible just because of how small the codebase is.<p>So if anyone knows of some medium sized to large SPAs on GitHub that would be great. If there aren't any, if anyone wants to collaborate and build one together along with a series of blog posts or text files we throw in the directories along with our reasoning I'm down.<p>[1] https://github.com/thomasdavis/backbonetutorials
[2] http://singlepageappbook.com/
I like the structure of the game 2048 <a href="https://github.com/gabrielecirulli/2048" rel="nofollow">https://github.com/gabrielecirulli/2048</a> and I think it will be highly instructive for you since it implements the MVC pattern without using a framework, and you want to be framework agnostic. 2048 is simple enough that it's an accessible introduction to software design.<p>Daniel Janus wrote a great analysis of the source code and architecture; I highly recommend reading it: <a href="http://blog.danieljanus.pl/blog/2014/04/02/2048/" rel="nofollow">http://blog.danieljanus.pl/blog/2014/04/02/2048/</a>
I'm not going to hold these up as ideal examples of AngularJS apps, but you might find them interesting:<p>* <a href="https://github.com/JohnMunsch/PaperQuik" rel="nofollow">https://github.com/JohnMunsch/PaperQuik</a><p>* <a href="https://github.com/JohnMunsch/ClearAndDraw" rel="nofollow">https://github.com/JohnMunsch/ClearAndDraw</a><p>They're both deployed on the web so you can play with them to see if they're in any way interesting to you. I wrote both of them last year to play with and learn some things and then I open sourced both of them.<p>Good luck with your learning.
I used this book <a href="http://shop.oreilly.com/product/9781782161820.do" rel="nofollow">http://shop.oreilly.com/product/9781782161820.do</a> when learning AngularJS. It's by no means perfect, but it covers doing a lot of things in Angular and building a full SPA in the process. As far as good open-source examples, I'm not sure, but I'll be keeping an eye on this.
Take a look at Copay. <a href="https://github.com/bitpay/copay" rel="nofollow">https://github.com/bitpay/copay</a> This is a AngularJS bitcoin wallet.<p>To me the real benefit of an SPA is using your web skills to build a GUI that can then run on different platforms. Take a look at ionic and some of the tutorials there.
It may not be exactly what you want but codepen has some really cool and some really advanced JS projects:<p><a href="http://codepen.io/" rel="nofollow">http://codepen.io/</a>