All solutions

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

My first project using the React Hook Form library with Zod validation to create a modern and robust form.

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

This was my first project with test writing which was one of the main learnings for me. I learned how to use vitest and testing library a little bit and I think it will be useful in future, more large-scale projects.

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

I found it a bit difficult to find resources and examples in terms of testing, so mostly used AI to answer some not-so-obvious questions.

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

I'd like to know how I can improve my tests. For this project I wrote one large unit test because it was difficult to figure out how to do it with the context provider involved.

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

I'm glad this project provided experience in things I thought I already knew well. For example, I don't remember doing a custom dropdown option in css, or using the audio tag in html before. I had fun building this project !

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

Dictonary API returned an object to be displayed in case of errors. As you know, it is impossible to throw error and return data at the same time. But as I was told in the frontend mentor community, it is possible to throw an object as if (!res.ok) throw data for example, and it is successfully triggered with if block with loading of error page.

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

I'm satisfied that I've applied my knowledge in concepts like react portals, router dom, context and reducers, even if only a little.

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

I think back to when I first started adding styles to the menu page. At first I couldn't get the right shadow effect on the container and the button. I tried to use pseudo elements and other things, but as it turned out all this matter is solved by border width, which I simply forgot about.

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

I tried to make the game understandable when using screen readers, but I'm still not quite sure about some things. For example, when I click on the wrong button, the number of attempts is not counted, although I seem to have set the right aria attributes on the progress tag. Also, How else can I clearly let the user know in which position of the word he guessed the letter ? It was also quite difficult to fit some of the mystery words on the screen. It often looks strange on mobile devices, so I'd be interested to hear how you dealt with it.

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

This is a translation of my first solution using React ! Mainly I practiced dividing the UI into components, using hooks as useState to change parts of the UI and UseContext to easily pass data from component to component without prop drilling.

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

This is my first solution using react, I would like you to point out any small mistakes in my implementation of the project and share best practices. Thanks !

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

In the beginning I tried to do the html text formatting myself, but in the process I realised it was worth using a library to do it. I used "marked" and everything works nicely. I'm also happy with the way I've done document management, i.e. saving and so on. I don't know if my method is the clearest and most correct, but it seems to work pretty smoothly.

In general, Im happy with this project. I wanted to make a markdown editor before.

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

I managed to make the page itself responsive, only in some moments there are small nuances. Mainly problems from the fact that aside panel pushed content when opening.

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

I would like to know if I can improve the accessibility of my markdown editor and some tips on how to organise js.

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

This time I did the design through figma file, which was different from the way I used to approach working with Frontend mentor projects. In general, the work on this project felt more serious from that and more interesting. Next time I'd like to write more organized JS and go deeper into the basics before I start using some frameworks, which I'd like to do in the near future.

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

For some reason, the option items shrink in height when they are highlighted. This problem occurred late in development and I don't think I've had it before. I've also tried to make the quiz more accessible, but there are still some weird bugs when using the screen reader and keyboard navigation. Some tips are appricieted !

Note: to see the site better, zoom out a bit. I followed the typescale provided in the figma file.

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

I'm starting to feel more comfortable working with SCSS. Even if I'm quite happy with the way my js works, it might be cleaner next time.

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

Mostly happy with the overlap effect using grid and page responsiveness. The main reason behind making this project was to further practice using SCSS.

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

This is my first SASS / SCSS project. For me it is the next step in frontend development.

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

SASS has many features and it was a bit unusual to work thinking about it. So I decided to just write regular CSS and add SASS features in the process.

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

I would like to get some tips on the topic of project structure and using SASS features more efficiently.

One of the most major learnings from this project is the carousel component with a thumbmail navigation, and the lightbox which is basicly just the carousel but with a modifier class turning it to a lightbox. To save carousel functionality after cloning one for lightbox implementation, it was decided to make a special carousel class.

The carousel is currently responsive, but does not have full accesability. The user cart also needs work. I just thought that my goal in this project has been achieved so far. I'm also not entirely happy with the carousel class. I feel like I could have accomplished the same thing in a more efficient way.

Implementing these 3 page themes has been a bit of a challenge. My solution works using CSS variables with no noticeable problems, but I was wondering if it could be done in a simpler or more oganized way ?

Note: To add a task, click on the checkbox next to the input field. It was not quite clear to me why it was there.

Please share some typography and responivity tips! That was probably the most difficult part to implement for me.

I guess I managed to make the design part and the JS one pretty good. But I failed to make this solution responsive. I don't really know where I should have started from. Just use clamp or use media queries? That's something I need to work on.

It was fun to create this small project, especially challenging was creating the charts resizable using the JSON file provided. Feel free to share best practical tips to make my projects better next time !

I have a felling that i could give clearer names for colors in CSS. Any recommendations on naming ? Feel free to share some tips that could make my projects better next time. Its my first submition on this platform :)