DEV Community

Summer Rizzo
Summer Rizzo

Posted on

Announcing my portfolio site!

UPDATE: She's mobile-friendly now, folks! :)

Hello everyone!

I am at the beginning of my job search, which inspired the need for a portfolio website. As I've been learning web development, I've always day-dreamed about what my portfolio may look like and have been eager to make it throughout my process.

You can visit it live here.

A few weeks back I had the idea to make the layout inspired by the Fibonacci spiral. It is both an ode to both my first love of photography and my current love of programming. I first learned of the "golden ratio" while studying composition in photography, and writing a program to compute the Fibonacci sequence was coincidentally one of the first exercises I did when I first began coding.

Building this website was a wonderful learning experience. For the first time, I:

  • built a React toolchain from scratch (and in turn wrote my own Webpack config)
  • used a CSS Grid layout
  • used CSS Modules
  • created an SVG animation
  • used a transition library
  • used relative units for font, image, and icon sizes
  • made a set of custom icons
  • deployed via Travis CI

... and it feels really good! I am so proud to have something out there that feels like it comes purely from me.

The next step is making it mobile-friendly, which I will also be doing for the first time. [see update]

And, of course, I am open to suggestions if you notice anything awry.

Wish me luck! With <3, happy coding!

Top comments (10)

jcoelho profile image
José Coelho

Looks nice! I’ve also released my portfolio recently and the experience was almost better than the final result. Check it out if you’d like

Love your name btw 😄

lautarolobo profile image
Lautaro Lobo

I really like the colors, and the font. You have really cool projects! I am planning to post something about Fractal Trees in the near future and for sure I'll link to The Fractal Machine. Hey and also really cool the domain name, I'm surprised it wasn't taken before.

I would change a bit your resume tho, to make a better first impression, more scannable (more keyword centered) and colored.

Thanks for sharing!

rizz0s profile image
Summer Rizzo

Thank you so much! The font is Noto Sans TC and it's available on Google Fonts.

Also, I appreciate the feedback on the resume. It hurts because I spent a long time making that custom design, but I think you're in the right, here. I'm re-designing it now :)

fyodorio profile image

The idea is great 👍 I would highly recommend to iterate on responsiveness, ‘cos the site is hardly readable on mobile screens

rizz0s profile image
Summer Rizzo

Yes, mobile-friendly is my next goal!

rizz0s profile image
Summer Rizzo

Update: spent the afternoon making it mobile-friendly :)

milhauzindahauz profile image

agree. responsiveness is really not great.

rizz0s profile image
Summer Rizzo

it is updated now!

parsawebdev profile image
Parsa Morshed

Some friendly suggestions:

Make the navigation bit less wide and give more room for the content.
Also maybe make the transitions a tinsy bit quicker.

Make the project button as the 'call to action'. Thats the most important part of your portfolio.
So maybe instead of having 'about me' as the largest button, make 'projects' button the largest one.

For the projects section:
Make the carousel buttons pop out a bit more. Make em lil darker since I didn't notice them right away and for a second thought you only had one project.

Also make the 'view live' and 'source code' the 'call to actions' and make them pop out as well.

isabelxklee profile image
isabel k. lee

this is awesome summer, great job!! love the pastel color scheme. < 3