rojaence / cat-api

Client app with theCatApi

Cat API

This is a client app that uses theCatApi.

Index

• Description
• Built with
• Links
• Screenshots
• Project Setup
• Author

Description

This project consists in a client app that consumes the 'theCatApi' REST-API, includes the following features:

• Get random cat images
• Save, list and remove favourites
• Upload a specific file image
• Image viewer

Built with

• Semantic HTML5 markup
• Bootstrap 5 - Frontend Toolkit
• Viewer.js - JavaScript image viewer
• Parcel - Bundler
• theCatApi - REST API

Links

• Live site URL: Cat Api live site

Screenshots

Upload image with modal window

Image viewer

Project Setup

npm install

Compile for Development

npm run dev

Compile for Production

npm run build

Api-key

If you have your own api-key, replace in 'api.js'

const API_URL = "https://api.thecatapi.com/v1";
const API_KEY = "your api-key";

Author

• Frontend Mentor - @rojaence
• Twitter - @EndaraRonny
• LinkedIn - Ronny Endara
• Platzi - Profile