This repository is related to the course [Portfolio Website Tutorial – Frontend Development with HTML, CSS, JavaScript] available on the freeCodeCamp's YouTube channel.
In this course, you will learn how to build a portfolio website using JavaScript, HTML, and CSS. This is a great project to improve you frontend development skills.
✏️ MacLinz developed this course course. Check out his channel.
The current version of this repository can contain code which differs from the original code shown in the video. The code has been improved or customized by Dyrits, adding semantic elements, and a more optimized JavaScript script, but the visual rendering of the portfolio remains globally the same.
The original code is available here.
- Multiple scripts have been added to the code, including data objects that can be filled in order to automatically generate some elements.
- The stylesheets have been divided in multiple partial files, each one containing a specific style for a specific section.
- A lot of identifiers and class names have been modified.
- The tiles in the portfolio and blog section have been modified, in order to have a fixed size.
- The breakpoints for the media queries have been modified.
- The sections are displayed differently with different titles, and are all centered on smaller screens.
The portfolio is now responsive.
It is now possible to add new articles for the blog section in the dedicated object in the data/articles.js, generating automatically the tiles.
It is now possible to add new projects for the portfolio section in the dedicated object in the data/projects.js, generating automatically the tiles.
It is now possible to add new skills for the about section in the dedicated object in the data/skills.js, generating automatically the progression bars.
It is now possible to add new skills in the dedicated object in the stastistics.js, generating automatically new progression bars. The label of the progression bars has been replaced by an icon.