All solutions

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

How i handled all the components composition and make them reusable with the help of tailwind libraries like twMerge. The most reusable one was for buttons, i've created multiple variants in a single component which can be reused across all the landing page, the variants were used for primary, secondary, form and nav buttons.

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

The main challenge was to create responsive element to put behind the hero and features images, because it was needed to work with images of different sizes and to use position absolute to get it done correctly.

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

One thing which can be done better is general spacing between every components across all the page, i feel like sometimes i've used too much space between them.

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

Mainly how i handled context for cart items and the design for single product card, tailwind has really helped me building design fast for them.

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

I need to have more attention on the accessibility side of the project and which patterns are recommended for better results.

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

I'm proud of how i handle all the form validation, styling of error messages and responsive design for all devices.

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

One thing which can be added was the comma while typing the number in input field, if anyone have suggestions on how to do it or feedback on the project itself, let me know.

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

This is my first project using typescript, so i'm still in the learning phase, anyway, i'm proud of completing it on my own. I'll build an array with every plan and addon so i can map over them and only write one single input field, it'll be much easier from styling perspective.

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

Returning to the select plan step, as of right now, i build it only to switch between monthly and yearly plan, so if anyone as a solution for it, let me know. Any feedback is welcome.

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

This was one of my first project on frontend mentor built with react, i was mainly proud of building correctly the filtering bar. This project helped me with dealing on single components and styling them.

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

At the time, i think what was challenging for me was styling the skills div on mobile design.

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

Maybe i'll rewrite everything because i can do a lot of improvements on this code, any feedback is welcome.

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

This was a project that i've finished 3 months ago and never published here, i've wanted to complete it only using plain JS and no css framework.

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

Still need to review the code because it was from 3 months ago, so it can be full of errors that i need to correct.

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

I'm mostly proud of creating responsive design across all devices, especially for the navbar.

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

The most challenging part was styling the right way images and make them responsive.

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

One thing that I want to improve is removing FOUC when loading for the first time different pages and switch between them, if anyone has a solution for it or want to leave feedback let me know. All of them are welcome.

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

I'm proud that i was able to overcome any challenges, complete this project on my own and applying everything i learned by reading multiple docs from all the libraries used.

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

The main challenge that i encountered was surely applying dark mode correctly. On deployement, when loading and reloading the page with dark mode, the page was flashing for a second white screen but it wasn't happening on local, so the problem was that the css was loaded too late by the browser, so i resolved it by directly applying background color for dark mode on the html element in the index file.

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

Nothing in particular but any feedback is welcome.