Skip to content
Cover image for Vue.js + GitHub + Tailwind Css

Vue.js + GitHub + Tailwind Css

daviducolo profile image Davide Santangelo twitter logo github logo ・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 ( )
  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

twitter logo DISCUSS
markdown guide
Classic DEV Post from Jul 27 '19

If You Don't Know, Now You Know - GitHub Is Restricting Access For Users From Iran And A Few Other Embargoed Countries

Please help our cause against modern-day discrimination

Davide Santangelo profile image
developer - dad. APIs specialist, In love with #ruby, #rails and #python - developer at @getchorally