Fix Vue.js Form Issues
Budget: $30 – $250 CAD
I have a JavaScript form built as a single-file component in Vue. The logic is mostly there, yet the form’s design/layout feels rough and the submission flow is unreliable. I need someone to tidy up the markup and styles so everything aligns neatly, then harden the submit action so data is dispatched every time and the user sees a clear success or error state.
Here’s what I’m after:
• Polish the existing layout—keep the fields but streamline spacing, labels, and responsiveness.
• Ensure the submit handler sends the payload to my API endpoint, handles the response gracefully, and never leaves the form hanging.
• Maintain current v-model bindings; just refactor where needed for clarity.
• Add concise inline validation and status messaging so users always know what happened.
All work should stay inside a single .vue file, commented where you make key changes so I can slot it straight back into the project. If you’re comfortable with Vue 2 or 3 (I’m on Vue 3), JavaScript, and modern CSS, this should be a quick win for both of us.
Here’s what I’m after:
• Polish the existing layout—keep the fields but streamline spacing, labels, and responsiveness.
• Ensure the submit handler sends the payload to my API endpoint, handles the response gracefully, and never leaves the form hanging.
• Maintain current v-model bindings; just refactor where needed for clarity.
• Add concise inline validation and status messaging so users always know what happened.
All work should stay inside a single .vue file, commented where you make key changes so I can slot it straight back into the project. If you’re comfortable with Vue 2 or 3 (I’m on Vue 3), JavaScript, and modern CSS, this should be a quick win for both of us.