Vue API Project Overview
Welcome to the next project in the Vue js developer course. In this project we're going to build out a API driven search engine.
Guide Tasks
  • Read Tutorial
  • Watch Guide Video
Video locked
This video is viewable to users with a Bottega Bootcamp license

So this is going to be really fun we're going to be able to connect to a real outside API with live data and we're going to be able to see how we can bring that in.

So right here I have the finished application we're going to build.

large

If you went through the CSS and HTML implementation course then it may look pretty familiar to you because we've built out all the styles for it and we're going to actually be importing those so that we can concentrate all of our time on the actual view code.

So right here we have a search engine, these recent posts are now being pulled in from the live dailysmarty API. So these are no longer hardcoded in, these are going to be brought in from the API and they are going to update.

So if someone uploads a new post to dailysmarty, then you're going to see new recent posts right here. Now if I come and type some kind of search query like if I type view, now this is going to call that outside API, it's going to run that query, and then it's going to send us back the data, and then we're going to have access to all of this live data like we have right here.

So we have links to the outside programs so people can click on them and get more information. And then we also are bringing in some of the meta data items such as some of the other resource links.

So we're going to build all of this, we're going to learn quite a bit about the view framework. We're going to learn more about routing, we're going to see how we can parse data, how we can communicate with outside services, and all kinds of things like that.

So I hope you're looking forward to a fun project because this is definitely going to be one.