Fix some problems I have encountered after finishing Contact me section

• General code refactorization
• Intro animations
• Add phone number*

Transform wrapper from position: fixed into position: relative counterpart.

Install all required packages, connect app to the database, prepare scheme.prisma file and then make seeders

Move landing-page folder in components directory into another directory named pages in order to keep all components separated into more specific batches

Add reference url description tooltip message.

Tasks to be done:

• API connection
• General content placement
• Features browser
• Image modals gallery
• Technologies bar
• Recommended projects

Some backend tasks to catch up

• Link to github for every project and optional live demo link
• Add relevent technologies for every project (those which be used leter on in technologies bar on frontend)

Task to do:

• 404 page
• 500 page

Add skeleton loaders for following elements:

• features list
• image preview modal

• Snackbar after copying email
• Snackbar after deleting a task
• Snackabar after updating a task

Tasks to do:

• Initial infrastructure
• Add projects cards
• Divide project into sections based on their year
• Timeline core
• Scrolling animations

Add nifty loading screen for switching between two pages

Add meta tags to all following routes:

• /
• /projects/:slug

• Break the Ice / Hobbies
• Break the Ice / Education

• Landing screen
• Intro Animations
• Project thumbnail preview
• Reorganise features block
• Fix landing screen intro animation
• RWD for landing
• RWD for features block

Landing Page

• Landing Page / About me
• Landing Page / To do list
• Landing Page / Pictures matching game
• Landing Page / Contact

Single Project Page

• Single project / Content
• Single project / Relevant Technologies
• Single project / Recommended projects

on Landing Page / Contact

In order to create chic timeline for landing page having startDate and endDate for all projects is paramount,

Enlarge the delay of this dot apperiance.

Rewrite it, taking into consideration especially features including

• Add more icons
• Add more spacing among the icons
• Intro animation
• Make icons clickable
• Throphy hidden minigame
• Compress all technologies icons
• Make it buildable because at the moment this feature of code prevents the app from building via npm run build command

Currenty there's only one size of the IntroductionScreen's background, which is dedicated for larger viewports.

Use Redirect util component to make better read more buttons

• Use Redirect component instead
• Add also link to live demo
• Fix padding
  

Add storybook to following components:

• atoms / TechnologiesList
• atoms / content_placement / LightSectionWrapper
• atoms / content_placement / DarkSectionWrapper
• atoms / redirections / InternalRedirection
• atoms / redirections / ExternalRedirection
• atoms / forms / StyledButton
• utils / Carousel
• Add storybook to relevent technologies list 😎

Add RWD for following elements:

Landing Page

• Landing Page / Introduction
• Landing Page / About me
• Landing Page / To do list
• Landing Page / Projects
• Landing Page / Pictures matching game
• Landing Page / Contact

Single project

• Single project / Content
• Single project / Technologies
• Single project / Recommended projects

Other

• Navigation bar
• 404 page
• Footer

• Prepare prisma seeders
• Break the ice new section
• Make the section responsive

I mean this kind of thing https://prnt.sc/XO3ADuXc_Ujz

Scrolling to particular sections of landing page via scrollToElement URL's query apparently does not work on mobile devices, thus after clicking on e.g. Project on mobile menu, the user is redirected to the top of the page instead.

This issue is not not associated with one particular task, it's just a place to store all kind of pieces of code, that is not present in repository directly, but is quite often used for development purposes.

This black obscure background:
https://prnt.sc/a67XAtQszdwQ

Right now the animations are susceptible of getting canceled before they finish, which is ruining the general user experience on this field. The aforementioned phenomenon occures while changing the sections (e.g. from Competences into Hobbies too fast, before all the animations have finished.

Add missing icons of following technologies: figma, storybook

Tbh, I didn't feel like doing this

• electron words learning app
• dac szanse
• portfolio

Create a useArray hook to manage all operations related with arrays such as delete, add, update, swap, clear

• prepare a hook
• refactore to do list

It simply looks to cheep to me in comparison to the rest of the UI facilites.