This project is a Portfolio that is developed with HTML and CSS. It contains my personal information and projects I have done before.

  • By Matias Aguirre
  • Last update: Aug 25, 2022
  • Comments: 9

[# Portfolio: setup and mobile version skeleton

In this project, I set up a mobile version skeleton of my Portfolio. No complex coding was required for this exercise. Our goal here is to master all of the tools and best practices we learned about in previous steps..

Builted With -GitHub

-Git

-Visual Code Studio

-Figma Templates

Learning Objectives Understand how to parse a Figma design to create a UI.

Flexbox to place elements in the page.

Build a personal portfolio site.

Use images and backgrounds to enhance the look of the website.

Get Started Visit https://lokurasrlz.github.io/

For this project, we had to get familiar with FlexBox to make it. It was very challenging to me because I am a beginner but I am giving my best!

-GitHub: @lokurasrlz

-LinkedIn: https://www.linkedin.com/in/matias-aguirre-ab51a623a/

-Twitter: @lokurasrlz

-Instagram: @aguirremati09

🤝 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!

Github

https://github.com/LokurasRlz/Portfolio

Comments(9)

  • 1

    Web accesibility

    • Page titles: No issues found ✅
    • Image text alternatives: No issues found ✅
    • Text headings: Fixed h1 missing tag:

    https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/index.html#L28

    • Color contrast: Fixed contrast ratio in buttons, card text, and li background:

    https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L305-L320

    https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L340-L356

    https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L641-L661

    https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L522-L536

    https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L195-L206

    https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L460-L471

    https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/style.css#L289-L303

    • Resize: No issues found ✅
    • Interaction: Added labels for forms holders.

    https://github.com/LokurasRlz/lokurasrlz.github.io/blob/1dc8139e8e8d7b1f1299c8b40f07852716fc3041/index.html#L222-L234

    • Moving content: No issues found ✅
    • Multimedia: No issues found ✅
    • Basic structure of the page: No issues found ✅
  • 2

    Responsive web design for my Portfolio

    -Added media queries to the mobile version of my Portfolio. -Improvement to style.css file. -Added information needed in index.html. -Code cleaned. -Linter errors Fixed.

  • 3

    add Contact Form with help of Carlos Molina

    This is the pair programming project with Carlos Molina. We have to create the Contact Form for our portfolios, we have been working together to pull it through.

  • 4

    Upgrading my Mobile Portfolio

    At this part of the project, I upgrade the first version of my Mobile Portfolio using FlexBox as well as CSS grid. I build the middle section of the mobile website that has a work section so people can see what I'm working on and my previous projects, with some information about myself, the skills that I have, the languages that I can use and the Frameworks where I can work on.

  • 5

    Mobile Version Skeleton

    Edit: I have fixed the things of my two last revisions.

    This was my second project at Microverse. Here I had some troubles using vscode studio and GitHub but I think I was able to handle them. I have been working and giving my best all day long since I woke up. For this project I had to set up a mobile version skeleton for my Portfolio using FlexBox from scratch, I am a beginner so it was a challenge for me but I am excited to continue learning! I hope that everything works fine, if not I will be waiting for your review to fix it.

  • 6

    Mobile Version Skeleton for my Portfolio

    This was my second project at Microverse. Here I had some troubles using vscode studio and GitHub but I think I was able to handle them. I have been working and giving my best all day long since I woke up. For this project I had to set up a mobile version skeleton for my Portfolio using FlexBox from scratch, I am a beginner so it was a challenge for me but I am excited to continue learning! I hope that everything works fine, if not I will be waiting for your review to fix it.

  • 7

    Code Review for Morning Session

    I have read that it is recommended to use the "for each" loop every time data stored in Javascript objects is read, instead of the traditional "For" loop. I still don't know the reasons for this. By the way, congratulations for your work. It's tidy and clean. Congratulations !

  • 8

    Improving the readme file of the project

    • [ ] Your readme has got all the required substances. I guess, it would be great if you may use the microverse's readme template @https://github.com/microverseinc/readme-template
  • 9

    [Optional] Nice to have comments !

    Hi, Matias. Good job working on your web page. Keep working! 💪

    You should check the next issues to improve your webpage source code:

    ✅ Please look for a uniform selector naming system (e.g. use class="about-me instead class=aboutMe format).

    Cheers! 👍