![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/sdsuymesicp08e8rlvrm.jpg)
Submitted over 1 year ago
React.js + TypeScript + Firebase + SCSS Testimonials Grid Section
#bem#react#sass/scss#typescript#animation
@better5afe
Design comparison
SolutionDesign
Solution retrospective
Summary:
- Upon entering the page, users will see a loading animation while the data is being fetched from Firebase. To make this feature more prominent, the fetching function is embedded inside a
setTimeout()
function which delays it - I would not do this in a professional app tho. - If the data fails to be loaded, the users will see a simple error message.
- If the data is successfully loaded, the users will see different animations and layout depending on their device's screen size.
- Desktop layout is based on CSS Grid.
Feel free to leave any feedback.
Thanks & Happy Coding! 🎃
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord