6 ms·

Show HN: My first portfolio site - Full Stack Engineer

44 points by jhgaylor 11y ago

Splendor 11y ago
Wow! I think this is pretty good. Congrats. The only suggestions I would make is to maybe just put some project/skill highlights on the front page and make the long list of projects a separate page. I also think the project list is more readable in a single column (on my monitor it broke into two columns which was a little difficult to follow). Keep up the good work!
- jhgaylor 11y ago
  Thanks for the feedback. I was trying to alternate the screenshot and text of the projects to break the monotony. I'll go look into that more. I was afraid that by putting the projects on a stand alone page I would lose the part people actually cared about. I'll also give that more thought. Thank you for checking it out. :)
  - gknoy 11y ago
    I definitely like that they are on the same page, as otherwise I might have been lazy and not followed the link. I wasn't a fan of the presentation style of the various projects (as far as the alternating alignment), but that might just be me. :) I'm curious if some higher-level overview or listing of the projects might have helped me skip to the ones I cared about. Overall, great presentation. It looks like you've built some pretty impressive stuff, and I like that you talk at several levels of detail about them (what they do, and what the tech stack was, etc).
    - jhgaylor 11y ago
      Hey, thanks for letting me know what you thought about it. I think the layout could use some work (especially around the projects) and maybe a table of contents considering that list should continue to grow. It makes me happy to know that someone else thinks my work is impressive and that I could give back by providing insights into the projects. If you want to know more about any of them, I'm happy to talk about them :D
moeamaya 11y ago
Nice work Jake! I think you should keep the project summaries on the homepage. If you do make a big change I might move the Developer and Ops summaries below your projects. Give me a quick intro to who you are then let me see your work. Also could use a little more separation and hierarchy in the project sections. Quick web tools mockup: http://i.imgur.com/Ucp6ZLG.png http://i.imgur.com/Ucp6ZLG.png
- jhgaylor 11y ago
  Thanks for your feedback. I will look at how to more cleanly delineate the projects. I also feel that is a weak part of the site. I will consider rearranging the sections to get to the projects more quickly. :)
steven777400 11y ago
Very nice. I used to teach computer programming at a community college and I told the students that a portfolio (site or github or whatever) was a must. Not many people seemed to listen though. This is just the kind of thing that sets people apart. I'm amazed how many resumes I get don't have any kind of portfolio link.
- jhgaylor 11y ago
  For a while I did not have a site. I stuck a blog up once, but that fell off as the startup picked up. Now that I have time again I wanted to make it really easy for people to understand me and my work.
- tomatohs 11y ago
  Glad to hear it. This is the inspiration behind my latest project.
ashhimself 11y ago
Hi Jake, I wish you the best of luck. My only suggestion would be to proof read it again. I found a few obvious mistakes. e.g. " I learned to do a lot of non technical things things as well"
- harel 11y ago
  Just to add to that, this sentence needs reworking: " I have a ton of experience developing web applications, but I have worked with a variety of platforms and technologies to build software and have deployed software to the web, Mac OS X, and Linux." The word "but" does not sit well there. There is no "but" :)
  - jhgaylor 11y ago
    Awesome! The page has been updated. I appreciate the feedback. :)
  - mrmondo 11y ago
    Also probably reword 'I have a ton' - it's a little too informal I think.
- jhgaylor 11y ago
  Thanks! I've made a couple of quick fixes but will definitely do some editing on all of it soon. :)
danwakefield 11y ago
Impressive work. I can only see your github and email link icons on the desktop version, on mobile I see them all but they are too small. A few links are broken (tldr.io and statbat wiki link and Tracers project link) No favicon. I always find things easier to skim if line lengths are shorter and text is slightly bigger but that is nitpicking (http://baymard.com/blog/line-length-readability http://baymard.com/blog/line-length-readability). A trade off to the projects is trying to condense them down to a single line each that can be part of the inital text blocks. I.e Statbot - A multi region realtime XMPP app with 14k+ users built in a week
- jhgaylor 11y ago
  Thanks for the feedback! I hadn't even thought about a Favicon. I'll look into that. I will definitely check into the line lengths as well. Web design isn't my strong suit, but this is a chance to fix that! I like the idea of giving each project a "headline". :) The broken links should now be fixed. Thanks again for taking the time to give me feedback.
BillyParadise 11y ago
You did a CRUD on a LAMP? Eww! Seriously though, nice work!
- jhgaylor 11y ago
  Thank you! :)
tghw 11y ago
I think it's a great start, but I think with a little more work you can do better. The biggest thing is that the page is a wall of text, especially early on. I'm not sure what part is important, what I can skim, and what I only need to know if I'm really digging into it. Give the reader some clues by using differences in font sizes, containers, etc. For example, take your first two paragraphs, distill them to one elevator pitch, and give it the .lead class to make it stand out. Developer/Ops/Recent Past/Future sort of run together. Give them a little more visual separation. On Projects, the image starts higher than the headline for that project. Since you're in bootstrap, consider using a panel with a heading, or something like that to help visually separate the projects and put the thumbnails in a place where they seem more related to the text next to them. Overall, it's a very clean portfolio site, and I think you're very close to having something that really stands out. It makes me think of redoing mine, using some of the great product pages out there as inspiration. Great work!
- jhgaylor 11y ago
  Thanks for the feedback. I appreciate you taking the time out of your day to help me. My thought was that this page would supplement my resume and that the person would like the "information overload". I should have spent more time making the pieces the reader is looking for obvious and will put some serious work into the typography to help do that. I also want to put some love into the screenshots and maybe make it a gallery. Thanks again for the kind words. :)
sauldcosta 11y ago
This is a great start and you have certainly worked a lot of interesting projects, but you could really make it shine with a little more time spent on design.
- jhgaylor 11y ago
  It's on the list of things to do. Design is the skill set I want to pick up next, so this is a great chance to learn it. Thanks for the feedback. :)
meric 11y ago
I suggest hiring a web designer to take a look at it. It looks good - but since we're not designer professionals it's possible to get a better design. Imagine a designer taking a 20-hour programming course to build a buggy and semi-functional program to demonstrate his design skills, it wouldn't look too impressive. Just my 2 cents.
- jhgaylor 11y ago
  Design is the skill set I want to pick up next, so this is a great chance to learn it. I will though reach out to some designers I respect for advice. Thanks for the feedback and the analogy, it hit the spot. :)
  - seanmcdirmid 11y ago
    If you are a dev, do dev. Full stack is already a "jack of all trades" label, piling design on top of that is probably a bit much given that the methodologies are quite different from engineering. It might also hurt your CV as you advance, where specialization is expected more than generalization. That being said, a lot of devs seem to do OK with some basic design work, but it drives my wife (a designer who works in a dev shop) a bit crazy given the quality differences between a dev dabbling in design vs. what fully specialized designers can accomplish. Now, an ability to work with designers as a dev is a great skill, especially if you do a lot of front end work.
rbritton 11y ago
Can you get a better photo? A lot gets pre-judged on that, and the one you have posted at the top is both poorly lit and a little cool on the white balance. Even something as simple as waiting until an overcast day would significantly even out the lighting, and as long as you adjust for the cooler ambient light, you should end up with something better. (I'm a professional photographer.)
- jhgaylor 11y ago
  Hey there. Thanks for reaching out. I definitely want to take a new photo, I've lost 50 lbs since that one! It is a little late tonight (sun is going down) but I'll jump on it tomorrow. I've only got my phone's camera. Any suggestions? Shoot from above, put the light behind me, etc? I really appreciate the feedback :)
  - mrmondo 11y ago
    I'd suggest a nice smart photo in front of a plain white wall. Something smart casual like a plain shirt would do well I'd say.
  - peteretep 11y ago
    It's a photo for a professional context, so put a little more effort in to it - get a haircut first, wear a smart shirt, and if you've lost 50lbs, then yes, you should get it re-shot for sure. The photo you have on your LinkedIn is approximately 50 times better, but could still be improved on.
    - jhgaylor 11y ago
      Thanks. That linkedIn photo is way old, I forgot to update it when I did all the others. Hmmm, I guess I have to re-update all of it now! :D
  - ChristianBundy 11y ago
    Selfie amatuer here: you want the light in front of you, camera a few degrees above your face.
ghrifter 11y ago
Someone interested would have to scroll a while to see your skills, which are in the footer. Otherwise, seems like you fixed the href mistake in your first paragraph since I looked at this earlier. Looks goood so far - I just think you can seperate some stuff out into sub pages or something. Eg: "Home" page Projects/Portfolio Bio etc.
- jhgaylor 11y ago
  I definitely want to consider splitting it apart. I might duplicate the content or at least make some scroll-to links. I didn't want to blind anyone with a list of keywords so I shoved them to the bottom for people looking for them. I'll probably put the logos in the header background or something like that. Thanks for the feedback. :)
michaelvillar 11y ago
Typo "Entreprenuer"
- jhgaylor 11y ago
  Thanks! Fixed. :)
psawaya 11y ago
Great site, another typo: "I jumped at the change to build it." -> "jumped at the chance"
- jhgaylor 11y ago
  Fixed. Thanks for catching that. :)
parkie 11y ago
You don't have your <title> set :) Nice work.
d0m 11y ago
Add more padding! Padding makes everything look better xD (I.e. around title, for the buttons, etc.) Read on vertical rhythm
jcwil 11y ago
Maybe "Full-stack" or "Full Stack"... I don't think "Fullstack" has entered the English language yet.
officer_gotcha 11y ago
'Full stack' what? A code monkey isn't remotely the same thing as an engineer, baby.

44 points by jhgaylor 11y ago

Wow! I think this is pretty good. Congrats. The only suggestions I would make is to maybe just put some project/skill highlights on the front page and make the long list of projects a separate page. I also think the project list is more readable in a single column (on my monitor it broke into two columns which was a little difficult to follow). Keep up the good work!

jhgaylor 11y ago
Thanks for the feedback. I was trying to alternate the screenshot and text of the projects to break the monotony. I'll go look into that more. I was afraid that by putting the projects on a stand alone page I would lose the part people actually cared about. I'll also give that more thought. Thank you for checking it out. :)
- gknoy 11y ago
  I definitely like that they are on the same page, as otherwise I might have been lazy and not followed the link. I wasn't a fan of the presentation style of the various projects (as far as the alternating alignment), but that might just be me. :) I'm curious if some higher-level overview or listing of the projects might have helped me skip to the ones I cared about. Overall, great presentation. It looks like you've built some pretty impressive stuff, and I like that you talk at several levels of detail about them (what they do, and what the tech stack was, etc).
  - jhgaylor 11y ago
    Hey, thanks for letting me know what you thought about it. I think the layout could use some work (especially around the projects) and maybe a table of contents considering that list should continue to grow. It makes me happy to know that someone else thinks my work is impressive and that I could give back by providing insights into the projects. If you want to know more about any of them, I'm happy to talk about them :D

moeamaya 11y ago

Nice work Jake! I think you should keep the project summaries on the homepage. If you do make a big change I might move the Developer and Ops summaries below your projects. Give me a quick intro to who you are then let me see your work. Also could use a little more separation and hierarchy in the project sections. Quick web tools mockup: http://i.imgur.com/Ucp6ZLG.png http://i.imgur.com/Ucp6ZLG.png

jhgaylor 11y ago
Thanks for your feedback. I will look at how to more cleanly delineate the projects. I also feel that is a weak part of the site. I will consider rearranging the sections to get to the projects more quickly. :)

steven777400 11y ago

Very nice. I used to teach computer programming at a community college and I told the students that a portfolio (site or github or whatever) was a must. Not many people seemed to listen though. This is just the kind of thing that sets people apart. I'm amazed how many resumes I get don't have any kind of portfolio link.

jhgaylor 11y ago
For a while I did not have a site. I stuck a blog up once, but that fell off as the startup picked up. Now that I have time again I wanted to make it really easy for people to understand me and my work.
tomatohs 11y ago
Glad to hear it. This is the inspiration behind my latest project.

ashhimself 11y ago

Hi Jake, I wish you the best of luck. My only suggestion would be to proof read it again. I found a few obvious mistakes. e.g. " I learned to do a lot of non technical things things as well"

harel 11y ago
Just to add to that, this sentence needs reworking: " I have a ton of experience developing web applications, but I have worked with a variety of platforms and technologies to build software and have deployed software to the web, Mac OS X, and Linux." The word "but" does not sit well there. There is no "but" :)
- jhgaylor 11y ago
  Awesome! The page has been updated. I appreciate the feedback. :)
- mrmondo 11y ago
  Also probably reword 'I have a ton' - it's a little too informal I think.
jhgaylor 11y ago
Thanks! I've made a couple of quick fixes but will definitely do some editing on all of it soon. :)

danwakefield 11y ago

Impressive work. I can only see your github and email link icons on the desktop version, on mobile I see them all but they are too small. A few links are broken (tldr.io and statbat wiki link and Tracers project link) No favicon. I always find things easier to skim if line lengths are shorter and text is slightly bigger but that is nitpicking (http://baymard.com/blog/line-length-readability http://baymard.com/blog/line-length-readability). A trade off to the projects is trying to condense them down to a single line each that can be part of the inital text blocks. I.e Statbot - A multi region realtime XMPP app with 14k+ users built in a week

jhgaylor 11y ago
Thanks for the feedback! I hadn't even thought about a Favicon. I'll look into that. I will definitely check into the line lengths as well. Web design isn't my strong suit, but this is a chance to fix that! I like the idea of giving each project a "headline". :) The broken links should now be fixed. Thanks again for taking the time to give me feedback.

BillyParadise 11y ago

You did a CRUD on a LAMP? Eww! Seriously though, nice work!

jhgaylor 11y ago
Thank you! :)

tghw 11y ago

I think it's a great start, but I think with a little more work you can do better. The biggest thing is that the page is a wall of text, especially early on. I'm not sure what part is important, what I can skim, and what I only need to know if I'm really digging into it. Give the reader some clues by using differences in font sizes, containers, etc. For example, take your first two paragraphs, distill them to one elevator pitch, and give it the .lead class to make it stand out. Developer/Ops/Recent Past/Future sort of run together. Give them a little more visual separation. On Projects, the image starts higher than the headline for that project. Since you're in bootstrap, consider using a panel with a heading, or something like that to help visually separate the projects and put the thumbnails in a place where they seem more related to the text next to them. Overall, it's a very clean portfolio site, and I think you're very close to having something that really stands out. It makes me think of redoing mine, using some of the great product pages out there as inspiration. Great work!

jhgaylor 11y ago
Thanks for the feedback. I appreciate you taking the time out of your day to help me. My thought was that this page would supplement my resume and that the person would like the "information overload". I should have spent more time making the pieces the reader is looking for obvious and will put some serious work into the typography to help do that. I also want to put some love into the screenshots and maybe make it a gallery. Thanks again for the kind words. :)

sauldcosta 11y ago

This is a great start and you have certainly worked a lot of interesting projects, but you could really make it shine with a little more time spent on design.

jhgaylor 11y ago
It's on the list of things to do. Design is the skill set I want to pick up next, so this is a great chance to learn it. Thanks for the feedback. :)

meric 11y ago

I suggest hiring a web designer to take a look at it. It looks good - but since we're not designer professionals it's possible to get a better design. Imagine a designer taking a 20-hour programming course to build a buggy and semi-functional program to demonstrate his design skills, it wouldn't look too impressive. Just my 2 cents.

jhgaylor 11y ago
Design is the skill set I want to pick up next, so this is a great chance to learn it. I will though reach out to some designers I respect for advice. Thanks for the feedback and the analogy, it hit the spot. :)
- seanmcdirmid 11y ago
  If you are a dev, do dev. Full stack is already a "jack of all trades" label, piling design on top of that is probably a bit much given that the methodologies are quite different from engineering. It might also hurt your CV as you advance, where specialization is expected more than generalization. That being said, a lot of devs seem to do OK with some basic design work, but it drives my wife (a designer who works in a dev shop) a bit crazy given the quality differences between a dev dabbling in design vs. what fully specialized designers can accomplish. Now, an ability to work with designers as a dev is a great skill, especially if you do a lot of front end work.

rbritton 11y ago

Can you get a better photo? A lot gets pre-judged on that, and the one you have posted at the top is both poorly lit and a little cool on the white balance. Even something as simple as waiting until an overcast day would significantly even out the lighting, and as long as you adjust for the cooler ambient light, you should end up with something better. (I'm a professional photographer.)

jhgaylor 11y ago
Hey there. Thanks for reaching out. I definitely want to take a new photo, I've lost 50 lbs since that one! It is a little late tonight (sun is going down) but I'll jump on it tomorrow. I've only got my phone's camera. Any suggestions? Shoot from above, put the light behind me, etc? I really appreciate the feedback :)
- mrmondo 11y ago
  I'd suggest a nice smart photo in front of a plain white wall. Something smart casual like a plain shirt would do well I'd say.
- peteretep 11y ago
  It's a photo for a professional context, so put a little more effort in to it - get a haircut first, wear a smart shirt, and if you've lost 50lbs, then yes, you should get it re-shot for sure. The photo you have on your LinkedIn is approximately 50 times better, but could still be improved on.
  - jhgaylor 11y ago
    Thanks. That linkedIn photo is way old, I forgot to update it when I did all the others. Hmmm, I guess I have to re-update all of it now! :D
- ChristianBundy 11y ago
  Selfie amatuer here: you want the light in front of you, camera a few degrees above your face.

ghrifter 11y ago

Someone interested would have to scroll a while to see your skills, which are in the footer. Otherwise, seems like you fixed the href mistake in your first paragraph since I looked at this earlier. Looks goood so far - I just think you can seperate some stuff out into sub pages or something. Eg: "Home" page Projects/Portfolio Bio etc.

jhgaylor 11y ago
I definitely want to consider splitting it apart. I might duplicate the content or at least make some scroll-to links. I didn't want to blind anyone with a list of keywords so I shoved them to the bottom for people looking for them. I'll probably put the logos in the header background or something like that. Thanks for the feedback. :)

michaelvillar 11y ago

Typo "Entreprenuer"

jhgaylor 11y ago
Thanks! Fixed. :)

psawaya 11y ago

Great site, another typo: "I jumped at the change to build it." -> "jumped at the chance"

jhgaylor 11y ago
Fixed. Thanks for catching that. :)

parkie 11y ago

You don't have your <title> set :) Nice work.

d0m 11y ago

Add more padding! Padding makes everything look better xD (I.e. around title, for the buttons, etc.) Read on vertical rhythm

jcwil 11y ago

Maybe "Full-stack" or "Full Stack"... I don't think "Fullstack" has entered the English language yet.

officer_gotcha 11y ago

'Full stack' what? A code monkey isn't remotely the same thing as an engineer, baby.