napalys/portfolio

My personal portfolio website. Dive into a visual representation where you'll discover my skills, projects, and passions.

Portolio website

Greetings! Explore my portfolio website repository, where I've dedicatedly crafted and built this platform to highlight my skills, projects, and experiences as a software engineer in the dynamic world of technology.

---

Prerequisites 📋

Ensure the computer where the code is executed has the following tools installed:

• Git
• Node.js (comes with NPM)
• Gatsby CLI

[email protected] or higher
[email protected] or higher
[email protected] or higher
[email protected] or higher
[email protected] or higher

---

How To Use

From your command line, first clone the repo:

git clone https://github.com/Napalys/Portfolio.git

cd Portfolio

Then one shall install the dependencies either using NPM or Yarn:

Using NPM:

# Install dependencies
npm install

# Start development server
npm run develop

Using Yarn:

# Install dependencies
yarn

# Start development server
yarn develop

Once your server has started, go to this url http://localhost:8000/ and you will see the website running on a Development Server:

---

Technologies used

• Gatsby - Static Site Generator
• GraphQL - Query language for APIs
• React - Front-End JavaScript library
• Bootstrap 4 - Front-End UI library
• Sass - CSS extension language

portfolio's Issues

Custom scrolling FireFox

While using FireFox the scroll into view with 'smooth' behavior acts weird. Feels like it interrupts itself when scroll is invoked more then once. While on other browsers, namely chromium or chrome it performs the action as expected.

Portfolio/src/custom_animations/custom_scrolling/customScrolling.js

Line 17 in 3ab1e80

sections[counter].scrollIntoView({ behavior: 'auto' }); // switch to smooth for animation

Potential things to look at would be disabling unwanted features from FireFox. Or implement a custom scroll animation.

Project image storage