Back to Blog

Student Builds Angular Library of Visual Transitions, ng Community Responds with Enthusiasm

Jim O’Brien has always been interested in front-end design, and now, midway through the Hack Reactor course, he can start to make substantial additions to that field. In his limited spare time as a Hack Reactor student, he began looking around for developer resources for transitioning between various states in an app in a visually pleasing way.

“I became obsessed with visual continuity,” O’Brien writes, “and eventually I came across these beautiful concepts that the talented folks behind Codrops put together.”

O’Brien started to work on ways to make these visual effects easy for another developer to implement into a project.

“Currently the only way to  do that is in polymer, which is still in its early stages,” he explains, “so I wanted to shift to Angular.”

Jim O'Brien has been using skills learned at Hack Reactor to further his interest in front-end design.

Jim O'Brien has been using skills learned at Hack Reactor to further his interest in front-end design.

After examining other resources, including a popular Angular animation library built by Hack Reactor Instructor Scott Moss, O’Brien started to build his own library, called ng-morph.

When he started the project, O’Brien was just messing around, but with some encouragement from his Hack Reactor peers, he posted his work publicly.

“I've always liked front end and design, but Hack Reactor is what gave me the confidence and anchor to put it out there and see how it was received,” he notes.

Ng-morph was received quite well. At the time of writing, it has 374 github stars and 15 forks. The library got an enthusiastic reception on the Angular subreddit, and it made it into the most popular Angular newsletter. Other Hack Reactor students are already running the library in their projects.

Want to learn to build libraries like this? Our onsite class is full for October, but there is still room in our Remote program. Apply today!

Read more:

Hack Reactor Grad’s Open Source Animation Library Makes a Splash

Student Wows and Informs with 3-D Interactive Data Visualizations

NetSense: the Student Project that Tracks Sentiment from Local Events to the World Cup