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

Developer portfolio using grid and flexbox

@VictorResines

Desktop design screenshot for the Single-page developer portfolio coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi guys! 👋 This is my first version for this challenge. I still need to work on accesibility and responsiveness of the page.

This challenge was a great practice for grid and flexbox 😅

Qustions for you: 🙏

  • Do you know any good tutorial to make the contact form send an email?
  • The ellipses graphics I made a class for each one of them to position them correctly. Is there a way to make this in a more efficient way?
  • Is there a standard for organizing our styles in the CSS file?
  • Any other feedback on my code is welcome =)

Next steps: 🚶‍♂️

  • Accesibility
  • Media queries for Responsiveness
  • Make the form send email
  • Customize with my own info and projects

Happy coding! 🙂

Community feedback

David 8,000

@DavidMorgade

Posted

Muy buenas Victor, enorabuena por terminar el challenge!!

Como ya dices en tus "next steps", como primero tomaría el hacerlo completamente responsive porque como ya sabes en la actualidad la mayoría de los usuarios navegan a traves de un dispositivo móvil, en mucha mayor medida que desde un PC, te recomiendo que pruebes el "Mobile first", que consiste en empezar la web desde el tamaño mobile y después ir adaptandola a tamaño de escritorio, aunque como ya la tienes montada así, puedes ir ahora adaptandola a tablet y después a móvil...

Sobre el tema del formulario, tendrás que crear un servidor de Backend que reciba la información, ya eso va a tu gusto, puedes hacerlo con múltiples lenguajes de programación (java, c#, PHP, python, Javascript, Typescript...) con alguno de sus frameworks/librerias enfocados para el Backend.

Te dejo el enlace a como enfoqué yo este proyecto por si te sirve de ayuda para inspirarte, el formulario lo hice con NodeJS y una librería que se llama nodemailer, te dejo el repositorio del servidor por si te interesa.

Cualquier duda que tengas pregunta, muy buen trabajo!

Marked as helpful

0

@VictorResines

Posted

Hola @DavidMorgade! Muchas gracias por tomarte el tiempo de contestar.

Seguiré tus consejos y le echaré un ojo a tu proyecto y al repositorio!

Un saludo! ☺️

0

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