All solutions

What are you most proud of, and what would you do differently next time?

I am proud that the project is built using modern technologies and tools that provide high performance and maintainability of the code. Thanks to the use of TypeScript and strict linting rules, the project code becomes more predictable and less prone to errors.

Next time, I would pay more attention to testing by implementing a library for unit testing of components and functionality checks. This would increase the reliability of the code and simplify further development of the project.

What challenges did you encounter, and how did you overcome them?

One of the main challenges was integrating various libraries and tools such as ESLint, Prettier, TypeScript and Redux Toolkit so that they work without conflicts.

What are you most proud of, and what would you do differently next time?

Adding a hover effect using media queries for hover-enabled users. Using variables and mixins in SASS to unify styles and make theming easier.

For some elements, CSS Grid could be used instead of Flexbox for better structure and layout control. Expanding the use of mixins for other commonly used styles to further improve the code.

What challenges did you encounter, and how did you overcome them?

One of the challenges was ensuring that the images would display correctly on mobile devices. This was solved by using object-fit: cover and setting the height and width of the images correctly.

Understanding and implementing hover effects for devices that don't support hover was a challenge. The solution involved using media queries to detect the presence of hover events and apply styles accordingly.

What specific areas of your project would you like help with?

Code optimization

What are you most proud of, and what would you do differently next time?

Using CSS Flexbox to center and align elements on a page. This helps ensure that content looks good on a variety of devices and screens.

Connect and use the "Outfit" web font from Google Fonts to improve the appearance of text.

Would change next time: Use more semantic HTML5 elements to improve structure and accessibility. Using some kind of preprocessor

What challenges did you encounter, and how did you overcome them?

Centering Content on the Page:

Challenge: Ensuring perfect centering of content both horizontally and vertically was crucial for responsive design, so elements remain centered across different devices and screen sizes. Solution: This challenge was overcome by using CSS Flexbox. Defining styles for the .wrapper and .container with properties like display: flex, align-items: center, and justify-content: center provided the necessary alignment. Integrating Web Fonts:

Challenge: Properly integrating and utilizing web fonts to enhance the visual appeal of the text was a key task. Solution: Google Fonts was utilized for this purpose. Integrating the "Outfit" font with various weights and using it in the CSS styles achieved the desired look.

What specific areas of your project would you like help with?

Looking for a thorough code review to identify potential issues and areas for improvement.