Developer portfolio using grid and flexbox
Design comparison
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
- @DavidMorgadePosted almost 2 years ago
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 helpful0@VictorResinesPosted almost 2 years agoHola @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 GitHubJoin 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