jaysolanki46 / Userposts

This is a sample exercise of Vue.js. It is a single page application that retrieves data from the opensource API ({JSON} Placeholder). Initially, it loads all the users from the JSON API and displays them in a card form. By clicking on that card, it will open the popup model that displays 10 recent posts written by that user. Finally, by clicking on one of the posts it will display the details of selected post.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ–₯ User Posts

πŸŽ™ Introduction

This is a sample exercise of Vue.js. It is a single page application that retrieves data from the opensource API ({JSON} Placeholder). Initially, it loads all the users from the JSON API and displays them in a card form. By clicking on that card, it will open the popup model that displays 10 recent posts written by that user. Finally, by clicking on one of the posts it will display the details of selected post.

πŸš€ Technologies Used

Vue.js Vue.js CoreUI Core UI CSS CSS HTML-5 HTML-5 GitHub GitHub REST APIs REST API

☁️ API Source

Json Place Holder

πŸ‘¨πŸ½β€πŸ« Demo

Alt text

🎞 Quick Look-up

Alt text Alt text Alt text

About

This is a sample exercise of Vue.js. It is a single page application that retrieves data from the opensource API ({JSON} Placeholder). Initially, it loads all the users from the JSON API and displays them in a card form. By clicking on that card, it will open the popup model that displays 10 recent posts written by that user. Finally, by clicking on one of the posts it will display the details of selected post.


Languages

Language:HTML 100.0%