FAQ Accordion [React - Next.js - Tailwind CSS]

----- Feedback Welcome -----

Built with:

• Semantic HTML
• Mobile first approach
• React / Next.js
• Tailwind CSS
• Fetch
• Loading Skeleton
• Responsive design with Mobile & Desktop view

Hi guys, I tried to challenge myself even more and simulated an API fetch using local data.json file and useEffect. Also I added timeout of 1sec for the data fetch, so I had an opportunity to implement a Loading Skeleton as well.

I am sure, there are some optimizations to be made for my code so every possible feedback is welcomed and appreciated!

P.s. I could not implement a SSR (Server Side Rendering) or SSG (Static Side Generation)... If anyone has insights on how to update the code, that would be amazing!

Most Wanted 📜

Any feedback to help me improve my solution or optimize the code!