This website showcases some of my best work in software development.

  • By Emily Robertson
  • Last update: Apr 25, 2022
  • Comments: 5

Portfolio

Description the project. Your portfolio is one of the most powerful tools in your software developer toolbox; itโ€™s the easiest way of showing what youโ€™re truly capable of as a developer, and is a quick and simple way for recruiters and hiring managers to get an idea of what you can bring to their teams.

As you work your way through Microverse curriculum materials you will complete several small projects that will combine to create a website for your portfolio. A portfolio website is a key job searching tool for a web developer, and we want you to start working on it from the beginning of the Microverse program. In this project, you will precisely replicate one of the portfolio templates we are providing for you. However, later on during your Microverse journey you will include your own projects in the portfolio in order to use it for job searching.

Built With

  • HTML
  • CSS
  • Linter

Getting Started

To get a local copy up and running follow these simple steps:

  1. Open your terminal and navigate to the folder you would like to put these files.
  2. Type these commands into the terminal:

Authors

๐Ÿ‘ค Author1

๐Ÿ‘ค Author2

๐Ÿ‘ค Author3

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a โญ๏ธ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

๐Ÿ“ License

This project is MIT licensed.

Github

https://github.com/emyrue/Portfolio

Comments(5)

  • 1

    Popup2

    • Created html elements using javascript
    • Used a JavaScript object to assign values to elements
    • Added event listeners to make the popup appear and disappear
    • Made mobile popup window
    • Made desktop popup window
  • 2

    Accessibility

    • Page Titles: made more descriptive
    • Img text alternatives: made null for purely decorative images
    • Text headings: changed some h2's to h3's
    • Color contrast: no issues found
    • Resize: no issues found
    • Interaction: no issues found
    • Moving content: no issues found
    • Multimedia: no issues found
    • Basic structure: no issues found
  • 3

    Bugs Exercise

    • line 106 - Need to return the element of an array by using bracket notation to access it , correct code should be : const small = document.getElementsByTagName('small')[0];

    • line 124- letIsLower should be false instead of true.

    • line 145- the incorrect element of the object was added, the correct element should be 'name', see correct code : fullName.value = dataObject.name;

  • 4

    Save user data to local storage everytime they type something

    Your implementation of localstorage is pretty good, to make it a little better I advise you to use the event listener 'input' so that the user information is preserved every time something is typed.

  • 5

    Peer-to-peer code review

    Good Points

    • Used grid very good
    • All clean code

    Needs Improvement

    • line 24 not needed max-width
    • 1 html tag
    • menu items rub them in a list
    • for decorations use background-image instead of using img tags
    • in resume section not using inline-css
    • Use 2 tags for desktop it will be Get my CV and for mobile it will be Get my resume and Get my CV
    • Porject name goes here should be in one line
    • For works section using list instead of using buttons