Vue-App using Public APIs - Public API

DEMO Link

The page contains: Navigation Menu with heading (Public API); 3 Button in navbar; Footer; Links with APIs.

• Home page. Home page shows 10 Apis on different cards. It is possible to sort by title and description (Asc- Desc). Each API has its own container with a title and description. By clicking on the title of card, you can go to the page with detail page. The detail page has a title, description, and link to the original website to visit. Below the link offers 3 releavant APIs with cards.

• The link with API Categories. On this page you can find all API which shows list of categories. By clicking on the name of a category, you navigate to a page with all available APIs of sub-category , after clicking on sub-category title which will show details on the detail page.

• Random API. Going to the Random API page you will receive a random API. By clicking on the below button, the API will change to another random API.

• In website, footer which shows the Sitemap. Sitemap contains information about the pages in column wise and shows personal links below.

vue-app

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.