Frederic Ivan Maranan's Portfolio Website

The portfolio website showcases my professional skills, experience, and projects. Its thoughtfully designed to capture the attention of recruiters or people who might be interested in working together.

This documentation delves into the creative process behind the website, explaining the design decisions and functionality of its features.

Documentation Sections

Section	Description
Design	Explains the design components and thought processes done to create the design.
Features	Contains detailed description of the key features and functionalities.
Attributions	Gives credit to the sources and tools that have contributed to the development.

Technologies Used

Category	Technology
Languages	HTML, CSS, JavaScript
IDE	Visual Studio Code
Design Tool	Figma
Web Hosting	Cloudflare Pages
Documentation Tool	MkDocs
Documentation Hosting	ReadtheDocs

I chose to build the website using only HTML, CSS, and Vanilla JavaScript because these foundational languages are at the core of many modern web apps and frameworks. It feels fitting to use them in my web portfolio, which serves as a hub for all my projects and experience across different technologies.

I used VS Code, Figma, MkDocs, and ReadtheDocs for their simplicity and ease of use.

Cloudflare Pages was used because of its free tier and having better security than Github Pages

I also integrated Cloudflare Analytics and Google Search console to track human and search traffic.

How To Use

The website portfolio can be accessed at ivanmaranan.pages.dev.

To use the code or design template, open the terminal in your preferred directory and run

`git clone https://github.com/ivanmrnn/portfolio.git`

then edit it as you like.