All solutions

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

I'm satisfied with the approach I took using some of the React APIs, such as Context and Refs, as well as various Sass features I hadn't used in a while, like nesting, mixins, and partials.

Given my limited experience using React, I really don't know if I made the State management "fancy" enough. Therefore, I'd like to explore different code approaches that might be cleaner and readable.

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

What I struggled the most with was the State management. Considering the way I defined my functions and Context, I encountered more problems than I had anticipated. I overcame them by simply putting all the state functionality in the same Context file.

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

I'd like to hear tips, especially about the points mentioned earlier, specifically on how I can improve my state management solution. I'd also like to receive feedback about other aspects like styling, markup semantics, accesibility, etc.

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

As a first-time practice using React and styled-components, I think I handled it decently. The only thing I'd like to change is the way I'm managing the notification component's state as I'm re-rendering the whole app every time a notification changes its "readed" prop.

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

What I struggled with the most was the markup for notifications of different types, I had to modify the container's classes and adjust the component's flow direction based on the link of the notification (text, image or message).

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

I'd like to know if there's anything that could be done to improve the functionality, abstraction, state management, markup and/or styling of my React components.

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

I wrote the logic of my code using TypeScript. While there were not many TypeScript features I could implement for this project, I still I felt comfortable with it as a first-time practice after a few weeks of learning.

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

My main challenge for this project was the card animation, I had to watch a couple of videos to understand what was going on behind this logic.

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

I tried to make the layout fully responsive without media queries, but I really didn't like the result for bigger screens as the font sizes didn't match the card size consistently so I kept it up simple

I liked this challenge as a javascript practice. I wanted to add the Drag and Drop implementation, the only issue was the mobile support 🥴, so I ended up using a Drag and Drop polyfill library to enable the task sorting on mobile devices as well 📱

I'd appreciate any feedback on anything regarding the tasks sorting, storage, layout or anything in general.

Any feedback on anything that could be improved is appreciated

• I'd like to know if the layout was well done, since I used a wrapper class for the content
• I wanted to divide the page styles into different scss partials because I've seen this in different sass projects and articles but haven't done that myself until now. Therefore I'd appreciate a few tips about how to organize a project
• One doubt more: Which images should have a description?, this challenge has many images and icons and some of them seem merely decorative to me, so I left the alt attribute empty on most of them

Any feedback appreciated (English or Spanish)👌

• First project using Sass after a few weeks learning it. I'm not sure if I made a good use of nesting and mixins
• I wanted the testimonials container to be fully responsive so it can have 1-3 columns, so I applied a little bit of JavaScript in order to transform the testimonials Y coordinates only when the grid has 3 columns

Anything that could help improve my scss or any code in general will be apreciated

I think I managed to do the layout and validation well enough. If there's something unusual I'd appreciate if anyone let me know

Applied the without JavaScript bonus since I have never used the <details> tag, so I can get a little more used to this HTML functionality

This one took me much more time that I expected, it was the first time I use a carousel along with a lightbox.

I think it looks good but I'd appreciate any tips/ideas for I could improve or change

• Struggled a little with the range/checkbox inputs making them cross-browser compatible
• The slider fill bar was tricky, I ended up using linear-gradient with variables for it

If there's anything weird about my solution please let me know :>

• took me a while to get it decently
• haven't find any bugs, hope it's favorable

Feedback/tips/comments appreciated

• Added a spinner from SpinKit while loading advice
• Feedback is aprecciated

• First use of json on a challenge
• I don't like the author card stretching like that when there are more than 2 rows

Any feedback is aprecciated

took longer than I expected :')

Feedback and tips appreciated

Feedback is appreciated

struggled trying to put the share window :(

Any feedback or solutions are welcome

This is my first challenge with JavaScript

Any feedback is welcome :)

• What did you find difficult while building the project?

Getting the correct grid sizes

• Which areas of your code are you unsure of?

I think it looks good but I'm not sure about the way I specified the column and row sizes so maybe a few tips about best practices would be great

Any feedback is welcome

• What did you find difficult while building the project?

Tried to make it almost pixel perfect, so it took me about 1.5 hours adjusting every margin and padding

• Which areas of your code are you unsure of?

I'm not sure about the background image

Any feedback is welcome

I'd like some feedback about what could I improve about the challenge and good practices to take into consideration