DEV Community

My first portfolio with React and AWS

Georgina Grey on July 29, 2018

Hi dev.to! So, I built my first portfolio and thought about documenting the process, but before jumping in, a disclaimer: I believe in choosing t...
Collapse
 
sarah_chima profile image
Sarah Chima

Hey Georgina, your portfolio looks beautiful. I love the layout.

In the "Let's talk" section, you can try increasing the height of your input fields and the font-size of the text since there are no labels. A good rule is always to add labels though. It's great nevertheless.👍

Collapse
 
georginagrey profile image
Georgina Grey

You're right, small details I tend to miss sometimes. Thanks for bringing it up!

Collapse
 
sarah_chima profile image
Sarah Chima

You are welcome

Collapse
 
sandywilkins profile image
sandywilkins • Edited

Hola! Qué bueno encontrar una tica por aquí! Me pasas los recursos que le mencionas a Chad de trabajo remoto (el email es mi usuario aquí + "cr" al final, at gmail)? Pequeño typo: "trabajando en bases de daños". Pura vida!

Collapse
 
georginagrey profile image
Georgina Grey

Hola! Claro voy a buscarlos. Jaja a pesar de haber leído eso mil veces no sé cómo se me escapó, gracias. Al rato fue un mensaje del subconsciente 😂 saludos!

Collapse
 
sandywilkins profile image
sandywilkins

😆

Collapse
 
chadillac45 profile image
Chad

On an unrelated note...I’d love to learn how you are monetizing your coding/development and living overseas. I’ve been considering it for some time, and I’m always interested in tapping someone’s brain on the subject. Any input is appreciated!

Collapse
 
georginagrey profile image
Georgina Grey

Hi Chad. I'm actually from Costa Rica. But I do remote work nevertheless, so it doesn't matter where I do it from.

There's many developers that are 'digital nomads'. I think a have a few resources I could share, in case you are not deep into that subject :)

Collapse
 
kevinwolfdev profile image
Kevin Wolf

Hey!

Congratulations, nice to see people from my same country doing nice things!, it looks like you are going the right way and using the right tools (although I would have chosen Netlify).

Now that you are diving into front end development I would recommend you to take a look at css grid (cssgridgarden.com/#es).

Any react question you have, you are more than welcome to ping me at GitHub or Twitter.

Pura vida!

Collapse
 
georginagrey profile image
Georgina Grey

Thank you! That looks cool, I will start gardening soon enough 😁🌱

Saludos!

Collapse
 
thidasapankaja profile image
Thidasa Pankaja Paranavitharana • Edited

Hey, Just checked your portfolio. It looks nice. But seems like there's some issues with alignments.

Collapse
 
georginagrey profile image
Georgina Grey

Thanks for the feedback Thidasa, turns out I moved some components around while testing something and that caused the issue. Is fixed now :)

Collapse
 
nosykretts profile image
Fajar Andi Patappari

Hey congratulation on your first portofolio. It looks beautifull.

Collapse
 
georginagrey profile image
Georgina Grey

Hi Fajar! Thanks for checking it out :)

Collapse
 
_madfrog profile image
Sid Sarasvati

Very cool. Thanks for sharing your knowledge and experience, especially the AWA bits!

Collapse
 
georginagrey profile image
Georgina Grey

Thank you! Glad you find it useful.

Collapse
 
ionutmilica profile image
Ionut Milica • Edited

Good work! 👏
One thing you may want to add is a IntersectionObserver polyfill if you plan to support non Chrome/Firefox browsers 😄

Collapse
 
georginagrey profile image
Georgina Grey

I knew I was forgetting something! Thanks for the reminder.

Collapse
 
ernestochavesch profile image
Ernesto Chaves

Awesome job.

Collapse
 
georginagrey profile image
Georgina Grey

Thank you for checking it out! :)

Collapse
 
zetamorph profile image
Johannes Loewe

Looks nice 👍

However I'm on mobile(Chrome on an iPhone) and clicking on "experience" completely breaks the site to the point of having to refresh it.

Collapse
 
georginagrey profile image
Georgina Grey

Oh! That ain't good. I'll see if I can reproduce it, thanks a lot!

Collapse
 
kylegalbraith profile image
Kyle Galbraith

Great write up Georgina. If you are looking to expand on this to learn more AWS, check out my book or feel free to ping me with any questions.

Collapse
 
georginagrey profile image
Georgina Grey

Thank you Kyle, this is great, AWS can still get a bit overwhelming at times. I'll look into it.

Collapse
 
petermcteague profile image
Peter Mcteague

It looks really good! Great job! As someone who's just getting into frontend development I think your portfolio does a lot of things right and it's provided me with some inspiration.

Collapse
 
georginagrey profile image
Georgina Grey

Thank you Peter! There's some edge cases I'll be working on, but I'm happy you can get inspired from it :)

Collapse
 
ekafyi profile image
Eka

Nice post describing your work process! Just would like to point out the footer is displayed oddly on Chrome 67, OS X 10 -- thepracticaldev.s3.amazonaws.com/i...

Collapse
 
georginagrey profile image
Georgina Grey

You're right, I moved the footer outside it's original parent while testing something else, so it broke :P

Thank you. I'll be pushing the CDN Invalidation in a bit.

Collapse
 
dukemai profile image
dukemai

Hey Georgina, your site is beautiful and creative. thanks for your sharing your work.

Collapse
 
georginagrey profile image
Georgina Grey

Hi! Thank you very much 🤗

Collapse
 
shackra profile image
Jorge Araya

Se ve chiva la vara, pv!

Collapse
 
georginagrey profile image
Georgina Grey

Gracias! 😎

Collapse
 
squidbe profile image
squidbe

Just one minor correction: it's TTL (time to live) rather than TLL.

Collapse
 
georginagrey profile image
Georgina Grey

Of course! I fixed it, thanks!

Collapse
 
axeldragonsword profile image
Alex Firestorm

Wonderful website however on lower resolution than 1080p the text on the second menu item bugs out on my second monitor.

Collapse
 
georginagrey profile image
Georgina Grey

Thank you! I'll check it out, thanks for the heads up.

Collapse
 
josechavarriacr profile image
Jose Chavarría

Demasiado Chiva te quedó !

Collapse
 
georginagrey profile image
Georgina Grey

Hey, muchas gracias :)

Pura vida!

Collapse
 
aymanazm profile image
Ayman Azm

Amazing and seamless