All solutions

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

I’m most proud of successfully integrating server components and creating a custom VisuallyHidden component, which improved the accessibility of the project. These were new challenges for me, and I’m thrilled with how they turned out. Additionally, I managed to streamline my CSS using properties like row-gap, which made my code cleaner and more efficient.

If I were to approach this project again, I would invest more time in refining the testing process. Although I implemented tests with Vitest, I believe there’s room for deeper test coverage and more rigorous testing strategies.

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

One of the key challenges I faced was working with custom-styled form elements, particularly the radio buttons and input elements. Styling these elements to match the design while maintaining accessibility required some intricate CSS work. I overcame this by researching and applying techniques from reputable sources.

Another challenge was integrating server components in Next.js, which was somewhat new to me. I addressed this by dedicating time to understanding the underlying concepts and experimenting with different approaches until I achieved the desired result. This hands-on problem-solving approach not only resolved the issues but also deepened my understanding of these technologies.

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

I would appreciate feedback on a few specific areas:

1. Accessibility: While I’ve implemented a VisuallyHidden component and followed best practices, I’m eager to know if there are any overlooked aspects of accessibility that could be improved, especially in more complex use cases.

2. Testing Strategy: I’ve started using Vitest for testing, but I’m interested in learning more about how I can expand my test coverage and improve the effectiveness of my tests. Any advice on advanced testing techniques or best practices would be highly valuable.

3. CSS Optimization: I’ve made some strides in optimizing my CSS, but I’m open to suggestions on how to further refine it, particularly in terms of maintainability and scalability for larger projects.

Feedback in these areas would help me continue to grow and ensure my future projects are even more polished.

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

I am most proud of the reduced size of the font files. I removed all unnecessary characters and learned a lot in the process. Next time, I plan to pay more attention to accessibility.

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

I used FontForge to optimize the fonts, but its user interface is quite challenging to navigate. It was tremendously difficult to perform tasks, and information on the internet was pretty scarce. In the end I recorded myself working through the process to ensure I wouldn’t forget all the necessary steps.

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

I would love to get some tips on how to improve accessibility.

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

I am most proud of the work I did with the fonts. But next time I'll try to use a framework to handle that for me.

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

Setting up the variable fonts and getting the table to look correctly was surprisingly difficult. Kevin Powell's YouTube channel helped me a lot in this.

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

The font rendering on Figma was slightly different than the one on the browsers. Can I do something about this?

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

I liked how I used media queries to set hover effects only for devices and users that can support them.

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

Using local fonts was a bit of a challenge but the transfonter website was incredibly helpful.

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

This project is very simple so I am more interested in some opinions about how I organized my CSS code.

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

I'm most proud of how I've advanced my technical skills, particularly in using Git, GitHub, Figma, FFmpeg, and the Firefox developer tools. This experience not only enhanced my technical skills but also strengthened my problem-solving abilities and teamwork. Moving forward, I plan to delve deeper into CSS, especially exploring grid layouts and animations, to create more modern solutions.

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

I was having some issues with Figma, but activating the dev mode and installing the VS Code extension helped a lot.

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

I feel like my CSS code is too verbose. I would love some suggestions to make my code more concise.

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

I finished this project a long time ago, so I don't feel particularly proud. Next time I will use Prettier for formatting my code and Josh Comeau's CSS reset instead of the CSS remedy.

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

I don't remember any.

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

This project for me was mainly about learning the workflow of submitting solutions and so on. I don't think I need any help in this one.