Advice Generator [React - Next.js - Tailwind CSS - TypeScript]

What are you most proud of, and what would you do differently next time?

In general, I am happy how the solution turned out. My main focus with this project was to practice fetching data. For this purpose at first I implemented server side data fetching, but later had to switch to client side in order to add the button functionality.

Built with

• React / Next.js 14 / Typescript
• useFetch custom hook
• Custom Loading Spinner
• Mobile first approach
• Tailwind CSS
• Responsive design with Mobile, & Desktop view

What challenges did you encounter, and how did you overcome them?

It was surprisingly simple to fetch data on the server side, but adding interactivity was a headaches... so at the end I switched to fetching on the client side.

What specific areas of your project would you like help with?

Any and all feedbacks are welcome!

I would much appreciate any tips & tricks about:

• Server side fetching and serverless functions/ server actions