My brand new portfolio written using modern front-end technologies like Vue.js, TypeScript, Tailwind CSS.
On this site you can find information about my skills, experience and completed projects.
There are sections containing detailed information about my technologies and tools that I use during my work, information about my experience and education.
In addition, you will find a tab with my references from satisfied clients.
Used technologies:
- TypeScript
- Vue.js
- Tailwind CSS
- AoS.js
Project created with:
- Vite
.
└── vuejs-tailwindcss-portfolio/
├── .vscode/
├── dist/
├── public/
│ └── favicon.ico
├── src/
│ ├── assets/
│ │ ├── img/
│ │ ├── base.css
│ │ └── main.css
│ ├── components/
│ │ ├── __tests__/
│ │ ├── about_me/
│ │ ├── buttons/
│ │ ├── common/
│ │ ├── contact/
│ │ ├── home/
│ │ ├── portfolio/
│ │ └── references/
│ ├── router/
│ │ └── index.ts
│ ├── views/
│ │ ├── AboutView.vue
│ │ ├── ContactView.vue
│ │ ├── HomeView.vue
│ │ ├── PortfolioView.vue
│ │ └── ReferencesView.vue
│ ├── App.vue
│ ├── index.css
│ └── main.ts
├── .eslintrc.cjs
├── .gitignore
├── README.md
├── env.d.ts
├── index.html
├── package-lock.json
├── package.json.gitignore
├── postcss.config.js
├── tailwind.config.js
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
├── tsconfig.vitest.json
├── vite.config.ts
└── vitest.config.ts
npm install
npm run dev
npm run build
Run Unit Tests with Vitest
npm run test:unit
Lint with ESLint
npm run lint
VSCode + Volar (and disable Vetur).
TypeScript cannot handle type information for .vue
imports by default, so we replace the tsc
CLI with vue-tsc
for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue
types.