Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 10 months ago

Responsive contact form using Vite, React, HTML, CSS and JavaScript.

react, vite, react-router
Matt Gibbs•20
@breakingjay5051
A solution to the Contact form challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

As a novice developer, this project has been immensely gratifying for me. It provided a steep learning curve, particularly in enhancing my proficiency with JavaScript. Looking back, I recognize the inefficiency of initially developing the project in raw HTML, CSS, and JavaScript before transitioning to React. In hindsight, starting directly with React and leveraging tools like Vite for efficient development and better code organization would have streamlined the process significantly. Nonetheless, this experience has served as an invaluable steppingstone in my journey as a developer, offering practical insights and skills that will undoubtedly shape my future projects.

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

As a beginner, I encountered several challenges typical of starting out in programming. One significant hurdle was grappling with the fundamentals of JavaScript and understanding its syntax and concepts. To overcome this, I dedicated extra time to studying JavaScript documentation and online tutorials.

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

I welcome any feedback or assistance that could enhance the structure and quality of my codebase. Specifically, I am eager to improve in areas such as:

  1. Code Efficiency.
  2. Code Organization.
  3. React Best Practices.
  4. CSS Styling.
  5. Accessibility.
  6. Testing.

I am committed to learning and growing as a developer, and any constructive feedback in these areas would be greatly appreciated to help me refine my skills and produce more robust solutions in the future.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Matt Gibbs's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub