Portfolio - Junior Front-end Developer

Demo

Here is a working live: https://portfolio-frontend-kedzioraweronika.netlify.com/

Description

Single page website with mine (junior front-end developer) projects.

Built with

• HTML5 (Canvas)
• SASS (RWD, flexbox, reset)
• JavaScript (none library or framework)
• BEM
• Gulp

Features

Header

• Fractal Tree (Canvas, class and constructor)
• Mousemove effect (leaves changing color and last branch little movement)

Projects section

• Projects generate through works.js file
• Dynamic filtering menu
• Animate projects (filter)

About section

• Short description

Contact section

• Dynamic text changing
• Mailto and phone number

Footer

• Github, codepen, instagram links

Other

• Preloader
• Smooth scroll

Setup

# install dependencies
$ npm install

# serve with reload
$ gulp watch

# images compression
$ gulp images

# build
$ gulp

Sources

• Icons from Font Awesome
• Font from Google Fonts

License

• MIT © Weronika Kędziora