kamil-nawrot / portfolio-website Goto Github PK

Aim of this task is to prepare graphics of used technologies that will be used on the main page.

On desktop resolutions, after clicking start button from the menu in the header, scrolling brakes. Scrolling down navigates immediately to the section in which the start button was previously used, instead of scrolling sequentially.

Mobile menu bar is to high, problematic especially on landscape orientation.

Language switcher does not work as expected. It should be fixed.

Instead of current, problematic implementation of scrolling between sections, more flexible and error-prone "snapping" technique shall be used.

Develop hero image visible above the fold on the start page

Displayed mobile menu should hide after user starts scrolling the page, or when an item was selected.

The goal of this task is to try various options of scroll behavior and decide which one to use on the main page.

Learn about docker usage in practice by deploying static personal website inside the container

Animations should be designed and implemented for:

• buttons (on hover and click)
• contact form submission
• browsing project carousel

Complete tutorials available on Gatsby.js official website to familiarize with basic concepts of this framework.

First section of the main page shall contain all basic personal information.

Aim of this task is to create relevant icon visible on the site tab in browser. After that, it has to be implemented.

Order of this task is to group stylesheets with relevant components, extract general rules etc.

Technology icons in About me section are way too packed in smaller resolutions. They should be divided into two rows (2x4 grid).

Fix issues reported by ESLint.

Page title now shows Home | Kamil Nawrot | Kamil Nawrot - portfolio. The goal of this task is to remove redundant part.

Utilize CircleCI in order to create continuous deployment of changes in the project.

Resume, both in EN and PL, should be available under an adequate button in the About me section.

When changing language, switcher slightly moves because of increased font weight applied to the selected language abbreviation.

Add custom validation rules for checking e-mail and content fields in contact form on client-side.

Examine possibilities of implementing HTTPS protocol on page. Netlify provides its own certificate - check whether it could be used.

Language setting returns to default (English) after using any link from the navbar.

Create global header with responsive styling according to prepared wireframes (only for desktop resolutions)

Component with details about project should be enriched by:

• link to GitHub repository,
• summary of technologies used,
• keywords (?).

TEMPORARY SOLUTION:
for now, custom scrolling was disabled in order to allow development of more important features.

Placeholders should be changed into real text.

Directory structure of the project should be changed, with special attention to components directory.

All data utilised by website should be stored in separate place, preferably in JSON format.