Skip to content

Siryi-Oleksandr/portfolio-frontend

Repository files navigation

Bankfolio

Available actions

Unregistered and unauthorized users can search for users, view their portfolio, search and view projects on the search route, view portfolio by direct link, and read about the benefits of the site on the main page. Navigation on public routes is available in the header or menu slider for mobile and tablet versions, as well as a button for registration or authorization on the top right

start screen

Navigation

To navigate the site, use the buttons and links in the header, as well as the menu slider for mobile and tablet versions

navigation screen

Registration and Authorization

You need to register and authorize in to access your personal account cabinet and create a portfolio. You can do it using mail or google authorization. You can get to the registration or authorization page by clicking on the corresponding buttons in the header navigation on the right.

authorization screen

Search

On the search page, you can search for users (by default) and projects. For this, there is a form and a search switch 'Seatch users' abd 'Serach projects' on the search page.

search screen

Cabinet

On the personal account page, you can add and edit information about yourself by calling the appropriate form by clicking on the edit button located under the avatar.

To add portfolio projects, click on the + Add project button and fill out the project addition form.

When hovering over the project card, 3 link buttons become available: link to the project page, edit project button and deleting the project.

The status of your subscription is displayed above the avatar, by clicking on which you can read about the possible options.

To delete the account and all projects, click on the edit button, which will call up a form where at the bottom at the end there is a button to delete the account.

cabinet screen

Portfolio

On the portfolio page, you can see what your portfolio looks like or the portfolio of another user if you followed the direct link.

To share your portfolio you can quickly copy the link to your portfolio by clicking the copy link button.

Also on this page, next to the avatar, there are contacts and links to the portfolio owner's social networks.

When you click on the project card, you will go to the page of this project.

portfolio screen

Project

On the project page there is a "website" button, this is a link to the project web page, a "code" button is a link to the code of this project, a "copy link" button for quickly copying the address to this project, as well as images and information about the project.

project page screen