Tip calculator using Next.js + Typescript + TailwindCss

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

Setting up the project with Tailwind CSS and integrating custom colors and fonts, even though it was challenging after not working with React or Next.js for a while.

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

Setting up Tailwind CSS with custom colors and fonts. Initially, I struggled with configuring them in tailwind.config.ts, but after seeing an example where they were defined in globals.css,

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

For this small project, I’d appreciate advice on state management and code optimization to make it more efficient. For larger projects, I’d love guidance on structuring the project, such as folder hierarchy, organizing hooks, and separating concerns. Any articles, tutorials, or best practices on project structure and scalability would be incredibly helpful. Thank you!