Skip to content

Latest commit

 

History

History
23 lines (18 loc) · 1.18 KB

README.md

File metadata and controls

23 lines (18 loc) · 1.18 KB
Raw

Angular Coding Example

Using Angular to Fetch and Display Data

This project is intended to demonstrate some basic Angular chops. :)

Description

This code posts to an API (https://work-samples.swishersolutions.com/api/api.php) to receive a list of images, and then displays them in a responsive Angular grid.

  • There are two image sets that can be toggled, one of the author and one of superheroes.
  • You can order the Images in your preferred order from Most Favorite to Least Favorite using the "<< Move Left" and "Move Right >>" buttons.
  • Once you are happy with the order, you can submit your choices with the "Cast Vote" button.
  • The grid layout can be toggled between 3 and 4 columns.
  • Each card has a View button to open the image in a new window.

See it Live! in action...

https://work-samples.swishersolutions.com/angular

Try it out

If you want to download this code and get it up and running in your own environment, you'll need to install a few things. Here are the commands to intall them (Handy, amirite?):

  • ng add @angular/material
  • ng add @angular/flex-layout

Contact

Author: Mike Swisher https://work-samples.swishersolutions.com