Joshua Nato's team blog

Activity 35: Personal Portfolio

Joshua Nato's photo
Joshua Nato
·

1 min read

Use your activity #7 for this

  1. Convert Your Low-Fidelity Prototype to High-Fidelity
    Start by improving your low-fidelity personal portfolio design. Make it look detailed and polished with proper fonts, colors, and layout.

  2. Angular
    Make sure to create separate components for each section of your website.

  3. Follow BEM CSS Architecture
    Use the BEM (Block, Element, Modifier) naming system for your CSS classes. This will help you write clean and organized CSS code.

  4. Make It Responsive
    Design the portfolio to work well on mobile, tablet, and desktop devices. Use Flexbox and CSS Grid to create a responsive layout.

  5. Deploy on Firebase Hosting
    Host your finished portfolio on Firebase Hosting

  6. Document on Hashnode
    Write an article on Hashnode about your project. Include the following in your documentation:

    • Screenshot of your high-fidelity design.

    • A screenshot of your final output (on the live website).

    • The website link (Firebase-hosted site).

    • Links to your GitHub repositories.

    • Others (If Applicable)

https://www.figma.com/design/gw9AAJj5cPlvN6Ig3uWTOr/pofolio?node-id=7-2&m=dev

https://natojoshua-activity35svfc.web.app/#contact