iManFR / Portfolio-Vue

Portofolio - Manolo Pecout

My personnal portfolio on Vue.js

Technologies / Frameworks / Library

• Parcel
• Vue.js
• Animate.css
• Three.js

Setup

Download Node.js. Run this followed commands:

# Just be sure that you've got parcel js on you system
npm install -g parcel-bundler

# Install dependencies (only for first time)
npm i

# Serve at localhost:1234
npm run dev

# Build for production in the dist/ directory
npm run build

Features

• Landing page
• Slider of works
• Data binding
• About page
• Canvas cursor

Controls

• Mouse pointer
• Keyboard arrows to navigate through the slider

Difficulties encountered

• Management of animate.css animations on Vue.js (bug and inconsistencies)
• Difficult event management with Vue.js

What remains to be done and improved

• Make a page dedicated to each project
• Improve animations and transitions
• Add a three.js illustration to the about page
• Fix canvas cursor

Author

• Code By Manolo Pecout