Giphy Search

Giphy Search was a project that incorporated handling Ajax requests in a Vue.js application with the use of localstorage. The class at Awesome Inc's coding bootcamp was told to use the giphy.com's documentation to figure out how to manipulate Ajax requests to show different search results.The two pieces of data you could manipulate through giphy.com was the query data and the limit data. So I created a function that would replace the query and limit data in the url with an input that was v-modeled to the query and limit data items in vue.js.

To have the Ajax request stay on the web browser, I implemented the use of localstorage on the current query and limit data. This is so if I clicked on any of the giphy search results and clicked the back button, my search results would still be there.

Conclusion

This project has been very useful in helping me understand how to handle Ajax requests in vue.js. I hope to use it as a reference for future projects.