All solutions

Hello! My goal here was to work with and practice redux-toolkit. There is an annoying issue with the checkmark SVG being in the way when trying to toggle the done task, haven't figured out a good solution to that yet. Need to improve css/saas structure because it quickly becomes a mess, especially with light & dark theme switch.

Hello,

here I focused on practicing custom hooks, portal, conditional component rendering, and useReducer.

The Terms & Services link has a basic popup and there is a "fake" rudimentary loading and successful form submission message (the collected data is just displayed in the console).

The submit button is disabled until every input is filled out properly.

If I missed anything, please let me know! ✌

Hello!

Did this one to do some React context hook practice, which of course is not really necessary in this case.

Any mistakes spotted are appreciated.

Hello!

Made this challenge to get into more React practice, I learned a lot about transforming and using data in different components.

The biggest struggle was to get the filtering right, and in my case making the images display on GH-pages... took a day to figure that out.

Any bugs or issues anyone spots are always appreciated ✌

Hello Frontend community,

this one I did with React and Scss for the first time, but this mini-app should work as intended. If you spot anything weird, feedback is always appreciated!

Hello, this is how I tackled this challenge.

I underestimated how much CSS this game would require, and I couldn't figure out how to add those expanding circles to the winner 🤔. The JS part was actually easier to figure out than the CSS 😵.

As always any advice is greatly appreciated.

Hello again, this is how I did it, the CSS got quite long and messy towards the end. The scripting part I tried to solve with as many small functions as I'm currently capable of (reading Clean Code is already helping). Feedback & advice are always appreciated!

Would also appreciate any unintended "features" you might find 🙂.

Hello, Frontend community,

this is my solution to this challenge, this one taught me that even a simple navbar is not simple at all 🙂. Time to finally read the book Clean Code so my JS stops being a bunch of IF statements.

This was a fun one to explore async functions and work with JSON data. The columns are dynamically drawn based on the JSON file, and the active column is also based on the current day. Any suggestions are always very welcome. 🙂

Hello again,

the custom tip is a bit off because it relies on the event listener (keyup), probably not the most practical solution. Would be grateful if anyone can skim over the JS code and give some criticism :).

Hello again!

Did this one to get in some quick practice with DOM manipulaton and the for loop. Still figuring out how to set up the img overflow and a smooth on-click appearance of the hidden text in the accordion. Currently it just jumps in and shifts all the text, which is currently quite bad. Suggestions always welcome!

Hello! Could not make the background image to work in the "Stay productive, wherever you are" section, any tips regarding that would be greatly apreciated. Also could not center the "See how Fylo works" with the arrow icon.

Hello again! Does anyone know how to apply the correct hover effect on the social icons (icon + border like on the design example)? Currently I only applied it to the icon, without the border.

Remade it with more organized and readable css this time, reduced the ammount of it also.

My question: how did you adjust content inside the Kira Whittle and Janette Harmon card? Mine still has too much space at the bottom. I used some margin-left on them but it didn't fix much.

This challenge was harder than expected, especially the first card, which was glued together with absolute positioning (not sure if thats good). Another issue is the spacing below the paragraphs in the 2nd row, not sure currently how to approach that. Overall it feels like I also used a lot of unnecesary CSS selectors, so any future changes to this challenge might be a bit confusing.

Hello! Could not figure out the correct color for the image overlay, I kinda "glued and taped" it together. What would be a better way to go about that?

The mobile view is a bit too wide compared to the original design, what is a good way to correct that?

Is the @media done properly? Are there any other glaring issues that stand out?