Jay Taylor's notes

back to listing index

Ask HN: Any good Angular open source projects for looking at their code? | Hacker News

[web search]
Original source (news.ycombinator.com)
Tags: angularjs news.ycombinator.com
Clipped on: 2016-06-11

Image (Asset 1/2) alt= Hacker News new | threads | comments | show | ask | jobs | submit jaytaylor (1899) | logout
Image (Asset 2/2) alt=
Ask HN: Any good Angular open source projects for looking at their code?
64 points by heliodor 264 days ago | past | web | 24 comments
I'm looking for projects that are based on Angular and have good practices, follow guidelines, etc. A project where it can be educational to look at their Angular code.



For beginning structures, and if you're comfortable with java/spring, jhipster sets up working angular apps (consuming web service backends) with what they believe are best practices.

https://jhipster.github.io

-----


While not the largest project, TodoMVC was written just for that:

http://todomvc.com/examples/angularjs/#/

-----


hardcore angular user here- the best combo i've found is reading this:

https://github.com/johnpapa/angular-styleguide

and using this:

https://github.com/Swiip/generator-gulp-angular

-----


I would second on John Papa's style guide. And would add that he has excellent ng-demoes: https://github.com/johnpapa/ng-demos

-----


While mentioning John Papa's style guide its worth mentioning Todd Motto's one that has some similarities and is as good. Worth reading both.https://github.com/toddmotto/angularjs-styleguide

-----


Taiga is Project Management app based on Django and Angular. https://github.com/taigaio/taiga-back

-----


I really liked this style guide. https://github.com/johnpapa/angular-styleguide

-----


https://github.com/angular/material

Google's implementation of Material Design in Angular. Excellent examples of complex, accessible and well-documented components implemented on top of Angular 1.

-----


Some ideas here:

https://www.madewithangular.com/

https://github.com/gianarb/awesome-angularjs

-----


> https://www.madewithangular.com/

AFAIK none of them are opensource.

-----


Take a look at the Ionic framework source:

https://github.com/driftyco/ionic

-----


The Ionic framework is not a good source base to look at for regular apps.

I'm a huge fan of the Ionic framework, but it's sourcecode is a mess and even the good parts are usually complex implementations of things you would definitely not be doing (such as keeping view state live, overriding default elements etc...)

-----


Overriding default elements and managing view state both seem pretty common in non-trivial applications.

-----


Overriding default elements isn't very common, I think. Most apps just need to style elements not provide different functionality (which can usually be gained by simply creating a new directive).

In regards to managing view states, then yes it's very common,but you don't usually write those yourself, you use things like Ionic (or ui-router).

-----


Related - I'm working on learning better Angular for my new job, where we're using it heavily. I'm a little surprised how few open-source projects using it are out there, considering how popular it seems to be. Does anybody have any idea why? It is mostly popular for internal corporate apps or something?

-----


Check out loopback-angular-admin, which creates an admin interface on a Loopback 2.x API, nicely splitting the Angular parts into controllers, services and directives:

https://github.com/beeman/loopback-angular-admin

-----


you can try AngJobs, which is a job board for angularjs developers written in angular and C#

https://github.com/victorantos/AngJobs

-----


Obviously :

http://plnkr.co/

https://github.com/filearts/plunker_www

-----


this is not a very well organized angular app imo

-----


Such is often the case with apps that actually need to and/or get released.

-----


if your looking to implement token based authentication then take a look at https://github.com/Leo-g/Flask-Angularjs-JSON-Auth/tree/mast..., tutorial at http://techarena51.com/index.php/json-web-token-authenticati...

-----


Take a look at telegram's web interface: https://github.com/zhukov/webogram

-----


Neo4j graph database frontend is in angular. https://github.com/neo4j/neo4j

-----


https://github.com/CosmoCMS/Cosmo

-----




Guidelines | FAQ | Support | API | Security | Lists | Bookmarklet | DMCA | Apply to YC | Contact

Search: