Let's discuss your "Personal Portfolio Webpage"

I love this simple and clean!!!

This is my portfolio- I am aware it still needs work, though all feedback is appreciated.
I like minimal functional design, so I built my portfolio with this intent…I feel it is functional …and possibly too minimal.

1 Like

I like your porfolio page. It looks just enough simple. It’s also easy to navigate through the sections. As a suggestion, I would add the contact me section (or remove the button at the top if prefered not to).

Project link - http://codepen.io/abarcaanthony/pen/woLaEO

Any feedback or tips are appreciated!

My project
Tell me what you guys think! Be brutal!

Started doing the project without bootstrap. Realized that bootstrap is better than me with responsive design, so I ended up using it.

I don’t us codepen. I think its important to know how to deploy things and set up a local environment so I hosted it on heroku as a static site

Things i plan to do:

  • Add information to "Resume"
  • add a contact form to email me
  • make background picture more mobile friendly


Im going to complete to-dos as im filling in my portfolio, but it is done for now, and i want to move on

Let me know your thoughts!

Pay attention to padding within containers.

Hey, feramoond, thank you for your feedback!
I not saw this detail on footer, is wrong, i going to modify.
Really, the background on the form is too dark, i going to test other colors.

Thank’s again and Happy New Year!

Hi Ben. Question: How did you implement the line under ā€œPortfolioā€. It looks good

1 Like

It is just a border-bottom on the div that has <h2>Portfolio</h2> inside of it.

1 Like

Don’t laugh, this took me two weeks but it is my baby lol.

How can I organize my elements better to reduce the clutter? I would also like to style my form to have custom text fields and submit buttons, any suggestions.

Any feedback will be reciprocated!

1 Like

Hi, everyone.
Here is my project link - https://codepen.io/codeRevital/full/NbQdVN/
Any comments or suggestions would be appreciated.

Hi FFC! First of all, let me thank all the whole community as there’s always someone willing to help! You guys are great!

**Here’s my Portfolio Page Challenge! **

Secondly, I made up my mind this 2017 with the #100DaysOfCode Challenge (check out Twitter or GitHub in case you haven’t signed up yet!), and I’ve commited to progress throught FCC’s tutorial learning as much as I can. I’ve started my Portfolio page a few days ago, and I’ve found myself feeling so dumb so many times, as it is WAY more different to follow up a tutorial where everything is ā€œlaboratory-likeā€, meaning that every parameter is contained and controlled. Building a project from scratch… Even though is something easy as a portfolio page… Well, it represented a big challenge for me. I couldn’t understand how Bootstrap’s Navbars worked until today! Hahahahaha
The cool thing is that, by building this project, I immersed myself in research and I think I finally got to start understanding the grid system, navbars and basic css layout! =D Ty again FCC and Quincy Larson! Hahaha

Thirdly, I would really appreciate any kind of suggestions, comments, feedback… whatever you feel about guys! I’ve just started coding about 9-10 days ago, from scratch, having no idea about code, so I understand that my portfolio page won’t be really that great and its code won’t be the more efficient. That’s why I’m here! To learn! :grin: So any feedback is welcome!

Lastly, and I apologize if this sections isn’t the most appropriate to ask this question, the thing is that I’ve got two problems:

  • On Safari and Chrome browsers, I’ve got no problem with the .hover function that colors the icons when you pass the mouse through them, but Mozilla shows them grey always and doesn’t respond to .hover function.
    The other problem I’ve got is again with the .hover function:
  • It doesn’t make any sense to establish a .hover function in smartphones as small devices are touchscreens. Is there a way to establish every icon as .active so as to show them colored full time in smartphones, and maintain the .hover function in large screens?
    I would like to point out that I’m 101% new to code and my knowledge in JavaScript is zero, so… Any kind of CSS/HTML formatting? Because I don’t want to Copy&Paste a code that haven’t been written by me: I feel like that’s not really helping to learn…

Anyway, thank you all SO MUCH!

Happy coding, and remember: Sharing is Power! =)

1 Like

Hello everyone!

I’d like to share my portfolio page project. It doesn’t have all the necessary functionalities (e.g. I don’t recieve messages on my email box, also no js code yet), but will do that later. Feedback much appreciated!

https://codepen.io/Adam92/full/bgdjYL/

1 Like

Hi Campers!
Here is solution for my Personal Portfolio Webpage project: http://codepen.io/OlenkaH/full/apdWgK
I’ve tried to implement pure css masonry style for portfolio section.
Would appreciate any feedback.

Here is mine. Feedback welcomed. Thanks!

Project link - https://codepen.io/iron7267/full/NboNej

hi everyone,

here is the link to my Personal Portfolio Webpage. Please let me know what you think. Its basic but I hope functional :slight_smile:

Hi guys this is my personal portfolio project, i would appreciate feedbacks. thank you
Personal Portfolio Project

The best of the best portfolio! I like it! I will try to create better, but … :slight_smile: it will be very difficult.

Here is my Portfolio Page.

I still need to improve a few things. I would like all my portfolio items to be the same size. I think I somehow need to define the height of the thumbnails, but I want to do that without stretching the images. I also need to put some kind of background behind my section titles to make the legible against the image backgrounds. But for now I have fulfilled the user stories and I think I will keep tinkering with the page as I learn new skills.

What I learned: This is hard! It’s probably been 15 years since I last tried to write a page in html. I forgot how it pulls your brain is so many different directions. You decide how you want it to look. Then realize you don’t know how to code it (or how you thought the code should be doesn’t work correctly). Then once you have the code framework in place you have to go off to find all the link and images. Or write decent content! It’s like suddenly the content is an afterthought and after all the work of writing the code, the actual website is full of garbage…

It’s really easy to get stuck in a loop of ā€œDo I design? Do I code? Do I compile resources and content?ā€

Anyway, it’s been fun. Kind of.

Project Link: http://codepen.io/rjpetersiii/full/bgppwZ/

Please let me know what you think. I know it is pretty basic but I am hoping to improve it as I go.