Skip to content

My portfolio website that utilizes the Behance API to automatically pull my projects from my Behance Portfolio.

Notifications You must be signed in to change notification settings

larguar/larguar.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio Website

It’s hard enough to keep up with updating a portfolio website when it’s built in a content management system, so it’s no surprise my past Github-based portfolios haven’t been updated as frequently as they should’ve been. My goal for my new site was to make adding new work as easy and efficient as possible so I could do it more often.

Utilizing the Behance API, I was able to automatically pull my projects from my Behance Portfolio. As a designer, I’m expected to update both my portfolio website and my Behance portfolio regularly, so I decided this was the most efficient route to take. Now, when I make any updates on my Behance portfolio – whether I’m adding a new project or reordering existing projects – my portfolio site automatically updates with those changes.

HTML Badge CSS Badge JavaScript Badge API Badge

Application Screenshot

User Story

As a designer/developer
I want a low-maintenance, easy-to-update portfolio website
So that I can add new projects as quickly as possible

Functionality

WHEN you first visit the page 
THEN only the project images display 
WHEN you hover over a project image 
THEN you can see the project name and category 
WHEN a project image is clicked 
THEN you’re taken to the full project on Behance 
WHEN I add new projects to my Behance portfolio 
THEN those projects automatically get added to my portfolio site 
WHEN I drag and drop projects within Behance to reorder them 
THEN the order automatically updates on my portfolio site 
WHEN you refresh the page 
THEN a new fun fact is displayed 
WHEN you hover over a fun fact 
THEN a gif related to that fun fact is displayed 
WHEN you begin to scroll down the page 
THEN the asterisk in my logo spins

Table of Contents

Usage

  • Navigate through projects:

Application Screenshot

  • Generate new random fun fact about me on page refresh:

Application Screenshot

  • Asterisk rotates on page scroll:

Application Screenshot

Questions

If you have any questions, feel free to find me at:

Donate

Appreciate this code? Say thanks with a coffee:

ko-fi

License

Copyright (c) 2020 Lauren Siminski.