This is a solution to the Easybank landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- react - JS library
- styled-components - For styles
- react-intersection-observer - For triggering animations once
I learned how to build a useInterval linear-gradient background which adds a smooth animated background button, although I am not really proud of the result, it's good for a start. I also implemented for the first time a react-intersection-observer delay-chained animation series on the initial load. This is not a pixel perfect solution, but it's something. I found it a bit challenging implementing the whole responsiveness.