Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive HTML5/CSS3/JS Intro Component with Sign-Up Form

P

@EONRaider

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • This project took me a few more hours than expected to complete when it came to JavaScript. I wanted to make use of the opportunity to try more complex code than I got used to in these humble 3 weeks of frontend development experience. This time I managed to use ES6 classes syntax along with inheritance and polymorphism to make the code as re-usable as possible.
  • Seeing how clumsy it is to implement an abstract base class in JavaScript I decided to take a look into TypeScript for my next projects. This will be a good addition to my skill set.
  • I also took some hours in this project to set up a GitHub organization that would allow me to share secrets between all repositories so that my CI/CD actions could run smoothly with as little manual intervention as possible.
  • A CI action was added to automatically provide a Lighthouse code audit on pushes to the master branch.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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