Build a Gif Battle Site with Angular and Node: Lesson 13 of 26

Displaying a Random Gif

Chris Sevilleja (@chrisoncode)

Up Next

Styling Captions

Autoplaying in 7 seconds!

Next: Styling Captions

Getting Started

Node API Starter

Angular Starter

Angular App Foundation

Adding Bulma (CSS Framework)

Angular Core Module

Angular Header and Footer

Base Components and Routing

Node API Foundation

Working with the Giphy API

Gif Creation: Backend Node

Getting a Random Gif API Endpoint

Storing a Gif API Endpoint

Gif Creation: Frontend Angular

Angular Gif Service Foundation

Displaying a Random Gif

Styling Captions

Gif Battle: Backend Node

Versus API Endpoint

Vote API Endpoint

Gif Battle: Frontend Angular

Displaying a Battle

Voting on a Gif

Refactoring

Creating a Gif Custom Component

Styling Child Components

Gif Leaderboard

Extras

Notification Messages

Desploying to Firebase

Conclusion

Next: Styling Captions

Chris Sevilleja

Founder of Scotch.io. Google Developer Expert in Web Technologies. Slapping the keyboard until something good happens.