Welcome to the repository for my portfolio. Built in Vue.js and TailwindCSS, it also uses a few more libraries such as i18n for translation, three.js for the background effects and more.
- Vue 3 Composition API: Leverage the latest Vue API for scalable and maintainable code.
- Vite-powered Build: Super fast development and optimized production builds.
- Hot Module Replacement (HMR): Lightning-fast local development experience.
- Minimal & Clean Codebase: Keep your project lightweight and easily extendable.
- Modular & Customizable: Configure Vite and Vue as per your project needs.
| Technology | Description | Link |
|---|---|---|
| Vue 3 | Frontend progressive framework | vuejs.org |
| Vite | Next generation frontend tooling | vitejs.dev |
| Tailwind CSS | Used internally for styling | tailwindcss.com |
| Swiper.js | Swiper framework for the sliders. | swiperjs.com |
| i18n + vue-i18n | Used for translating the portfolio | i18next.com |
| three.js | Used for background effects on the portfolio | threejs.org |
| vite-svg-loader | Used for svg image manipulation | vite-svg-loader |
| font-awesome | Used for a few icons on the infobox | fontawesome.com |
| ogl | Used for animating the background effects | ogl |
| gsap | Used for animating the background effects | gsap.com |
| And more... (gh-pages & PostCSS) |
Make sure you have Node.js and npm installed on your machine.
- Clone the repository:
git clone https://github.com/juinc/portfolio.git
cd portfolio
- Install dependencies:
npm install
Start the development server with hot reload enabled:
npm run dev
To create a production build, run:
npm run build
The optimized files will be output to the dist directory, ready to be deployed.
For deployment, if a github repo is connected I wrote a function which will deploy the content in the dist folder after building to a new "gh-pages" branch on the repository. To leverage this just run:
npm run deploy
Any IDE works for this project but I used WebStorm so I recommend using it.
All rights reserved. See the LICENSE file for more information.
- svgrepo.com for a big part of the icons (credited in the .svg files as well)
- vue-bits.dev for the Aurora and Particles background effects which I tailored to my needs.
© 2025 Portfolio by juinc