TheCatAPI Website

screenshot of TheCatAPI Website
vue
vuetify

TheCatAPI Website

VueJS / Vuetify website for theCatAPI.com

Overview:

This App is a demonstration of how to use some of the features of the Cat API. It showcases making requests for images of different types, voting images up/down, favoriting images, and uploading your own images. Users can also use a sub_id to tag actions with a custom value. The app allows for cloning to extend functionality, adding features like a login form using OAuth, and creating mobile apps using Nativescript-Vue.

Features:

  • Request Images: Users can make requests for images of different types.
  • Vote Images: Ability to upvote or downvote images.
  • Favorite Images: Option to mark images as favorites.
  • Upload Images: Users can upload their own images.
  • Custom Sub_id: Ability to tag actions with a custom value.

Installation:

  1. Sign up to the Cat API website for a free API Key.
  2. Clone the repository.
  3. Change the 'DEMO-API-KEY' in the './store/modules/TheCatAPI.js' file with your API Key.
  4. Run 'npm install' in the project's root directory.
  5. Run 'npm run serve' in the terminal.
  6. Open 'http://localhost:8080' in your browser to view the app.
  7. Feel free to hack & improve the codebase as needed.

Summary:

This app serves as a practical example of utilizing the Cat API features including requesting images, voting, favoriting, and uploading images. Users can extend its functionality, customize actions using sub_id, and even turn it into a mobile app using Nativescript-Vue. The installation process is straightforward, requiring a free API Key from the Cat API website and a few simple steps to run the app locally.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

vuetify
Vuetify

Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components.