Awesome
<p align="center"> <img src="preview/preview.png"> </p> <p align="center"> <a href="https://github.com/luciano-work/vue-resume/stargazers"> <img height= "24" src="https://img.shields.io/github/stars/luciano-work/vue-resume?colorA=1e1e28&colorB=c9cbff&style=for-the-badge"> </a> <a href="https://github.com/luciano-work/vue-resume/issues"> <img height= "24" src="https://img.shields.io/github/issues/luciano-work/vue-resume?colorA=1e1e28&colorB=f7be95&style=for-the-badge"> </a> <a href="https://github.com/luciano-work/vue-resume/contributors"> <img height= "24" src="https://img.shields.io/github/contributors/luciano-work/vue-resume?colorA=1e1e28&colorB=b1e1a6&style=for-the-badge"> </a> </p>About
This is a template for you if you want to put your resume online to share it easily with future employers or clients!
See Demo page.
Versions
<a href="https://vuejs.org"><img height= "24" src= "https://img.shields.io/badge/Vue.js-059669?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D"></a> <a href="https://tailwindcss.com"><img height= "24" src= "https://img.shields.io/badge/Tailwind 3-0ea5e9?style=for-the-badge&logo=tailwind-css&logoColor=white"></a>
Commands
| command | What it does? |
|---|---|
npm run dev | Starts the server in dev mode |
npm run lint | Runs ESLint on project |
npm run prettier | Runs prettier on entire src folder |
npm run prettier:verify | Runs prettier-check and throws error if fails |
npm run prettier:staged | Runs prettier on only staged (changed) files |
Dependencies
| Package | What it does? | Link |
|---|---|---|
@headlessui/vue | A set of completely unstyled, fully accessible UI components for Vue 3, designed to integrate beautifully with Tailwind CSS. | Here |
@heroicons/vue | Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. | Here |
vue-easy-lightbox | A Vue.js 3.0 image lightbox component with Zoom / Drag / Rotate / Switch . | Here |
vue-i18n | Vue I18n is internationalization plugin for Vue.js | Here |
Dev Dependencies
| Package | What it does? | Link |
|---|---|---|
prettier | An opinionated code formatter | Here |
prettier-plugin-tailwindcss | A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order | Here |
tailwindcss | A utility-first CSS framework for rapidly building custom user interfaces. | Here |
Icons
This project use Hero Icons
Disclaimer
The Tailwind name and logos are trademarks of Tailwind Labs Inc. The Vue name and logos are trademarks of Vue.