Cover image for Vue.js + GitHub + Tailwind Css

Vue.js + GitHub + Tailwind Css

daviducolo profile image Davide Santangelo ・1 min read

I implemented this small application that generates a card with Tailwind CSS based on data from the GitHub REST API V3 using the Vue.js framework.

GitHub logo davidesantangelo / github-vue-card

Vue.js + GitHub REST API + Tailwind CSS

Netlify Status


My first application using vue.js. Use the GitHub REST API to get my user information and render it in a stylized view with Tailwind CSS.

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Built With

  • Vue.js — Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
  • GitHub API — Official GitHub REST API v3.
  • Tailwind CSS — A utility-first CSS framework for rapid UI development.


GitHub-Vue-Card is released under the MIT License.


  1. Fork it ( https://github.com/davidesantangelo/github-vue-card/fork )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

deployed on netlify at https://github-vue-card.netlify.app


Editor guide