Granton Waribe - Portfolio

This is a portfolio telling my story in tech.

live page: https://samboja651.github.io/myportfolio/

Technologies & Tools

• HTML for building a body skeleton of my webpage.
• CSS to make my webpage attractive.
• GIT to keep track of my development process.
• GITHUB to store my codebase and deploying the webpage.
• Vscode to locally develop the portfolio on my laptop.

Contents of the Portfolio

• About section to briefly introduce myself.
• Skills
• Education
• My Interests in tech
• Projects
• Contact info

Portfolio Development Challenges

1. Making a portfolio responsive on different screen sizes
solution
I watched youtube tutorials and learnt how to use media queries.
I used chrome developer tools to adjust screen sizes.
Whenever my page broke out of shape I used that breakpoint for the media queries.

2. Design Challenge
I drew a sketch of my portfolio on paper.
Transforming that sketch into a webpage was a big hustle.
solution
I digged deeper into html semantic elements.
I noticed that using the right elements greatly improves the webpage layout and simplifies the styling.
In my layout I used elements like header, main, footer, section, nav, details & summary and this gave a better skeleton of my webpage.

Accessing the Portfolio

live portfolio webpage

Testing

I shared the live link to a total 15 friends and family via whatsapp.

Feedback
Excellent work = 10 confirmations.
No response = 5 people.

Upgrades Recommended\

Rename the title About to About Me.
Capture responsiveness for tablet screens.
Included foldable navbar on small screens.
Instead of one long page, put each section in its own page.

Thank you for showing interest and exploring my portfolio.
If you've got any hustle or job or project, I'm all yours.

Portfolio was Developed by Granton Waribe.