Responsive Multi-Step Form with Vue.js and Tailwind CSS

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

I am most proud of how the multi-step form turned out, especially its responsiveness across devices. Using Vue.js for managing the state of each step and Tailwind CSS for styling allowed me to build a clean, functional, and visually appealing form. If I were to do it again, I would work on improving accessibility features, such as adding proper keyboard navigation and ARIA labels to improve usability for all users.

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

The biggest challenge was handling image paths correctly when deploying the project to Vercel. Images were not showing up despite being correctly referenced in the local environment. After troubleshooting, I realized the issue stemmed from Vercel's handling of static assets, and I fixed it by adjusting the paths and ensuring the images were correctly included in the build process.

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

I would appreciate feedback on improving the performance of my project, especially how I handle state management in Vue.js. While Vue's reactive system works well, I'm curious if there are more efficient or optimized ways to manage data between the steps. Additionally, if anyone has suggestions for improving accessibility (keyboard navigation, ARIA labels, etc.), that would be helpful.