All solutions

Hello everyone 👋

This is a fun challenge and I'm very proud that I'm able to finish it ✨

I learned a lot from this challenge,

• React useEffect, useContext, useReducer hooks
• React data binding
• Tailwindcss group and sibling styling
• Tailwindcss theming with CSScustom variables
• Custom radio buttons using tailwindcss
• Accurate and efficient JavaScript timer
• Animating SVG stroke
• Modal Accessibility

Any feedback or advice is very much appreciated!

Hello everyone 👋

I have a lot of fun doing this challenge, I explored doing recursive components in react, and animations using framer motion.

Managing states is something to get used to in react, I have a hard time wrapping my head around it. 😅

Please let me know if there anything I can improve and hopefully someone can learn something on this challenge as well

Hi everyone 👋!

This is my first time creating a project in react!

At first, I struggled to update the leaflet map position along with its marker since I'm accustomed to doing vanilla javascript. Going through the react docs help's me to think in react way.

Please let me know what I could have done better on this project or if you have any tips to share!

Follow for more react projects in the future!

Hi everyone 👋!

This challenge so far is the most challenging I have done in Frontend mentor!

I could have done it using mainstream JS frameworks but I decided to only use vanilla JS to understand how JS frameworks work under the hood.

I have covered the following in this challenge:

• PubSub design pattern
• JS Prototype inheritance
• tailwindcss
• html5 template tag

Hope someone can benefit from my source code! I'm also looking to add animations in this challenge soon

This is my first time using tailwindcss and I'm liking it so far!

I also made some spacing changes to make it consistent across the sections.

How do you organize your stylesheets in tailwindcss?

What improvements do you think I can implement in this challenge?

Do you recommend any improvements to the navigation animation on mobile? How about accessibility?

Check out the cool split text effect using mix-blend-mode!

This is my first time using GSAP in a project and it turns out pretty easy!

Looking forward to creating more projects with GSAP!

The background positions are challenging to get exactly close to the design. Hope someone can learn from my code or if anyone has suggestions please feel free to comment :)

I worked on getting my javascript code cleaner and readable. Any tips to further improve my javascript code are very much appreciated! I'm looking into common design patterns to implement.

what do you think about sass media queries using em values?

What do you think about the picture tag implementation?