Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/larguar/larguar.github.io

My portfolio website that utilizes the Behance API to automatically pull my projects from my Behance Portfolio.
https://github.com/larguar/larguar.github.io

behance-api behance-portfolio bootstrap css html javascript portfolio portfolio-site portfolio-website

Last synced: 9 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/larguar/larguar.github.io
Owner: larguar
Created: 2020-05-20T01:11:21.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2024-12-10T20:01:51.000Z (13 days ago)
Last Synced: 2024-12-10T21:19:21.385Z (13 days ago)
Topics: behance-api, behance-portfolio, bootstrap, css, html, javascript, portfolio, portfolio-site, portfolio-website
Language: JavaScript
Homepage: http://larguar.com
Size: 80.9 MB
Stars: 2
Watchers: 0
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 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](https://img.shields.io/badge/-HTML-323795) ![CSS Badge](https://img.shields.io/badge/-CSS-01A990) ![JavaScript Badge](https://img.shields.io/badge/-JavaScript-539436) ![API Badge](https://img.shields.io/badge/-API-F58021)

![Application Screenshot](img/portfolio.jpg)

## 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](#usage)
* [Questions](#questions)
* [Donate](#donate)
* [License](#license)

## Usage
* Navigate through projects:

![Application Screenshot](img/portfolio.gif)

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

![Application Screenshot](img/funfacts.gif)

* Asterisk rotates on page scroll:

![Application Screenshot](img/spin.gif)

## Questions
If you have any questions, feel free to find me at:
* Email: [email protected]
* Website: https://siminski.co
* Github: [@siminski](https://github.com/siminski)

## Donate
Appreciate this code? Say thanks with a coffee:

[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/W7W21YVJJ)