DEV Community

loading...
Cover image for My Dev. Portfolio

My Dev. Portfolio

ignacioprados profile image Ignacio Prados ・1 min read

A Professional Software Development Portfolio. This is my website with all my projects.

Web Link

https://ignacioprados.github.io/web/

Preview

Alt Text

Key Technologies Used

HTML5 - CSS3 - JavaScript

Open Source Code

https://github.com/IgnacioPrados/web

Give me your feedback!

Discussion (31)

pic
Editor guide
Collapse
bytebodger profile image
Adam Nathaniel Davis

What is the point of the spinning Warner Communications logo???

Collapse
ignacioprados profile image
Ignacio Prados Author

Hahaha its my logo. It means IP from my name Ignacio Prados. Warner communications logo its diferent. And the spinning is just to not be a big static simple logo. I didnt realize but its really similar to Warner 😆

Collapse
rebel133 profile image
Adarsh

I like that logo

Collapse
ignacioprados profile image
Collapse
bytebodger profile image
Collapse
mrronakjain profile image
Ronak Jain

that’s a great developer in the making, reusing what’s already popular!! and even Warner Communications will be using this rotating logo idea!!!

Collapse
kotaid profile image
kotaid

haha, got you!
i'm seeing some animations from **v *d
it's nice though
the site is very good, but i think you can make better by editing few things:
1: the scroll animation is a bit late, it fires after a while since you go down to the section and you'll need to wait the elements to show off.
2:you can add the portfolio to your projects, it mught e the best of them.
3: for the text change effect it would be nicer to use some animations, gsap make it so much much easy and cool with thier ease tool, you can look for the effect in thier documentations.
question: which library creates those beautiful stars? is it particles??

good job.

Collapse
ignacioprados profile image
Ignacio Prados Author

hahah yes you are right. Thanks for the feedback, I appreciate it.💜
About the stars, is made with Compass. here is an CodePen example codepen.io/Suburbanno/pen/OXZrvw

Collapse
kotaid profile image
kotaid

thank you, keep up the good work, also notify me with good stuff hh

Thread Thread
ignacioprados profile image
Ignacio Prados Author

Sure bro. Good luck!

Collapse
nicolasbiondini profile image
NicolasBiondini

Buenas! Te escribo en español pq vi que también sos argentino! jaja, primero que nada felicitarte, esta muy bonito, haría un par de cambios nomas como que cuando scrolleas y pasas por las distintas secciones la linea violeta del menú no se cambia (detalle muy mínimo de ux) y el tema de reanimar cada vez que pasas por las secciones, te recomendaría que solo animes 1 vez. Y lo único pero me imagino que debes estar trabajando en eso es agregar mas proyectos y mas complejos. Te recomendaría que aprendas react pq con lo que sabes supongo que te va a resultar muy fácil y te va a facilitar un montón de cosas. Después todo genial, felicitaciones en serio y un saludo!

Collapse
ignacioprados profile image
Ignacio Prados Author

Hola Nico sisi. Todo está en Inglés hay que adaptarse jajajajsjs. Gracias por el feedback. Voy a implementar lo de que cambie de sección el nav. Sisi estoy aprendiendo más backend para poder usar APIs y bases de datos. React es lo primero en mi lista de cosas para aprender. Ahora estaba terminando de ver node por eso, pero seguro arranco con React después. Saludos!

Collapse
adam_cyclones profile image
Adam Crockett

Beautiful portfolio, inspires me, I should really make mine, but I never will because secretly I'm a perfectionist 😫

(Not a fan of coming soon, it's there or it's not.)

Collapse
ignacioprados profile image
Ignacio Prados Author

Thanks Adam🖤.
hahah what a pitty😢

(Me neither, I didnt want to leave it empty though)

Collapse
devhector profile image
Hector Fernandes

it's really impressive, the design is fantastic

Collapse
madza profile image
Madza

Looks awesome, I like the fonts and animations 👍

Collapse
kalashin1 profile image
Collapse
uvinduharshana profile image
Uvindu Harshana

Nice design. Clean and minimal.❤️❤️

Collapse
ignacioprados profile image
Ignacio Prados Author

Thanks Uvindu! 💜

Collapse
adithyapaib profile image
adithyapaib

Change the secondary color to a dark one or white it will make it more attractive

Collapse
ignacioprados profile image
Ignacio Prados Author

Thanks!! I appreciate the feedback. I will take it into consideration 💜

Collapse
giorgosk profile image
Giorgos Kontopoulos 👀

The concept is nice but the width of the site on mobile is too wide or something is overflowing and makes the.menu button appear/disappear continuously.

Collapse
ignacioprados profile image
Ignacio Prados Author

Thanks for telling that 🖤, I didnt realize. Im going to fix it.

Collapse
ashusharmacs profile image
Ashu Sharma

How to animate all the elements wen scrolling?

Collapse
jamalahmad123 profile image
Jamal Ahmad

how can i get the animated background and also the animated logo with simple javascript

Collapse
oreste profile image
Oreste Abizera

I like this 😍

Collapse
blakecodez profile image
blakewood84

It's a great start! I would optimize the images for mobile though, they take way too long to load. Bless

Collapse
obiajulugif profile image
Emmanuel Obiajulu Okoye

Nice design.....
Pls I will like to implement some feature of ur work in my project...
Especially that of the background animation....

Collapse
ignacioprados profile image
Ignacio Prados Author

Thanks!! Sure, go for It. The backround animation code starts in the css line 517.

Collapse
obiajulugif profile image
Emmanuel Obiajulu Okoye

But it seems like there are many stuff going on in your style sheet... trying to get the background animation section code is quite challenging to me... Anyway, I love ur creativity

Thread Thread
ignacioprados profile image
Ignacio Prados Author

Yeah I need to clean my code. I didnt finished commenting it yet. If you have any doubt you can ask me in the private chat, I will help you🤗