DEV Community

Cover image for Feedback on my Portfolio/Blog.
Brenda Limón
Brenda Limón

Posted on

Feedback on my Portfolio/Blog.

I'm trying to get the right job for me. I have developed my online portfolio/blog. It would be great if you could give me feedback or suggestions on how to improve.

Here is the link :
https://brendazam.com

If anyone else is looking for feedback on their portfolio/blog, add your link and I will give you my feedback. 😄

Thanks in advance!

Top comments (12)

Collapse
 
aurelkurtula profile image
aurel kurtula • Edited

I like it.

It's clean and balanced.

Few things to look at

  1. When you hover over "read more" button you see that things that aren't supposed to move do move! Simply make sure to not remove the border on hover. You have this:
.btn{
    border: 1px solid #BCBBBB;
}
.btn:hover{
    border: 0px solid #BCBBBB;
}

And that's the only thing you must not change. You could just do this:

.btn{
    border: 1px solid #BCBBBB;
}
.btn:hover{
    border: 1px solid transparent;
}

So you are not removing pixels off the page.

As for whether you should use a personal blog or dev.to or medium. The jury is out, you should post everything in your blog and re-publish them over at other platforms.

My personal preference I love the circular drop down when on small screen, but doesn't look good on a big screen. So maybe add a media query where by when on big screen have it drop down the old fashioned way, and keep the circular on mobile screen.

Footer: in your 404 page, you can see the footer doesn't stick to the bottom. It can be done with css. Everytime I need to do that I sort of search something like "sticky footer" I think and you'll get the gist of what needs to be done.

(In the footer you have the word "tag", not sure why that's there)

Cool job.

Collapse
 
leanminmachine profile image
leanminmachine

When you say blog, you mean personal blog like a blog page on your portfolio?

Collapse
 
aurelkurtula profile image
aurel kurtula

Yes - like the example at hand.

Collapse
 
papaponmx profile image
Jaime Rios

Hola, Brenda. Here is my honest opinion.

Pandaboox link is broken.
I think that the design is quite basic and I don't think that a personal website is the best medium for a blog.

I think you can communicate with more people using dev.to or Medium depending of the kind of audience you are trying to reach.
Your profile picture is optimized for the web.

Collapse
 
juanfrank77 profile image
Juan F Gonzalez

Yeap I got the same 404 on the Pandaboox and for the rest I pretty much agree with all these observations.

Collapse
 
aspittel profile image
Ali Spittel

Hi Brenda!

Awesome job on your portfolio! Couple things:

There are a couple console errors if you open up dev tools on your home page -- I would clean those up!

This is design advice, but I would narrow the headers on the page to match the width of the pictures.
Right now on larger screens, your site looks like this:

I tweaked the CSS a little bit in dev tools:

Your load more button isn't working! If you need it, I would change the color of it so that it is differentiated from the "read more" buttons.

You also may want a "blog" header on the home page -- or a name of your blog so that viewers know what page they are on!

Overall nice site -- it does well with lighthouse testing too!

Collapse
 
ijlee2 profile image
Isaac Lee • Edited

Hi, Brenda. Thanks for sharing your blog with us!

From your current articles, I sense that you want to share inspirational messages with us? If so, I thought that your primary font Handlee reinforces the purpose of your blog well, but your secondary font Varela Round doesn't stand out in comparison. Maybe look for another font that (1) looks different from Handlee, (2) can support both English and Spanish, and (3) would still convey your inspirational character?

Great job on using meta tags and semantic HTML, and I hope that you will write more articles!

Edit: In the footer, can you change All Right Reserved to All Rights Reserved?

Collapse
 
leanminmachine profile image
leanminmachine

The animation for the navbar hamburger & search is so cute! Love it! How did you make that?

Would personally love to see projects on portfolios as well, doesn't seem to be any there other than a blog...

Collapse
 
alvinmilton profile image
Alvin Milton

My only comment would be that clicking load more doesn't actually return more content which is fine.

3 ways to resolve this UX related issue:

  • hide the button when end of content is reached (best)
  • change the text to signify there is no more content (good)
  • disable the button (ok)
Collapse
 
georginagrey profile image
Georgina Grey

Looking good! Code errors are easy to fix :) I'm a bit more confused about the underlying reason though.

Since you say you built this to look for a job, in that case I believe the portfolio is more important than a personal blog (not saying they can't coexist).

Recruiters will be expecting to find an online resume, even if you don't have a lot of experience yet, you can still describe what you are learning (remember to show it off) and your short term goals.

Don't worry if you don't have any projects to share yet, I just recently built my portfolio too and I've been programming for about 6+ years (in private code bases), so I couldn't share most of what I've done. Check it out here in case you're curious.

Collapse
 
juliatorrejon profile image
Julia Torrejón

Hola Brenda!

When trying to connect to your portfolio, there is an error message showing up: "This site can't be reached" because of the IP address could not be found.

Collapse
 
tuanphungcz profile image
Tuan Phung ⚡️

Your site is not working for me :/