Hi there, thanks for checking in!
This is my repository for my personal portfolio website. I started it as a “Portfolio” project for the Codecademy Fullstack Engineer Career Path. The goal was to connect all the skills I’ve learned so far. This page was created using plain HTML, CSS, and JS.
For project planning, I used Trello and followed the Codecademy list of project tasks. You can see the details here:
As you can see, I covered everything—from wireframing the design (which evolved during the creation process) to creating icons, finding images, and adding content. Finally, I styled it using CSS.
I set specific goals to integrate various JS scripts, including a collapsing navbar, a counter, and dropdown menus.
After completing these steps, I focused on optimizing my website. I made it more responsive and suitable for smaller screens by adding ARIA roles and creating a style guide.
I’m quite proud of what I’ve achieved on my own, although I did seek help and advice from Google, Stack Overflow, and Copilot (especially for creating my project images).
Feel free to explore, and feedback is always appreciated! 😊👍
For this project, you will build a personal portfolio site, a static website where you can share the projects that you build in this Path.
Typically, a portfolio website will have a main page that features different projects that you’ve built and another page that contains contact information, in case someone wants to reach out to you.
Occasionally, there are additional pages for each project, detailing the technology used.
- Build a website using HTML, CSS
- Add at least one interactive feature using JavaScript
- Use Git version control
- Use the command line and file navigation
- Develop locally on your computer
- Deploy your site to the web using GitHub Pages
OPTIONAL: Buy a custom domain name and have it point to your GitHub Pages website
Prerequisites:
- HTML/CSS
- JavaScript
- Git and GitHub
- Command line and file navigation