AngularJS Masonry grid portfolio page using Wordpress as CMS with WP-JSON API
I wanted to learn Angular, and needed to revamp my 5 year old online personal portfolio website. This is a simple one page AngularJS website that pulls posts with the "portfolio" category form Wordpress using the WP-JSON API.
AngularJS - Because it's AngularJS
Masonry - JavaScript grid layout library
JQuery - Required for Masonry
FontAwesome - Fonts for icons
Wordpress - for easy customization and responsive design
JSON API - Required plugin for REST API
- Download / Pull All Files
- Install Wordpress in your root directory in a folder called wordpress
- Download/Instal/Activate the JSON API WordPress Plugin by Ryan McCue
- FTP to your root directory and add repo files
- Add posts with category "portfolio", add images to your post and set featured image.
- Come back and fork me
Because WordPress is simply being used to serve the data, we can put WordPress into its own folder and keep our app files outside of that, in the root.