FranForge Portfolio Website

A personal website to showcase my work and projects.

Name: FranForge Portfolio Website

Developer: FranForge

Period: Jul 2024 - Present

Technologies: Astro, SCSS, JavaScript, Git

Synopsis: Personal website developed with Astro.js to showcase my portfolio of projects as a game and web developer. The site is designed to be fast, accessible, and easy to navigate, focusing on the visual presentation of my projects and skills.

Genre & Tags: Web Development, Portfolio, Personal.

Systems I worked on

Decoupled Data

JSON for site-wide data
Dynamic element creation with Astro.js
Separation of concerns between logic and page content

Description

I separated the page data into JSON files to keep the content organized and facilitate the dynamic creation of elements with Astro.js.

Multiple Reusable Components

Astro.js components for sections, cards, and containers

Description

I modularized the website by creating reusable components for information sections, project cards, and containers, allowing for clean and organized code.

Multilingual Support

Support for multiple languages (Spanish and English)
File structure and routing for each language
Browser language detection for automatic redirection

Description

A system responsible for managing the translation of the page into different languages, allowing users to switch between Spanish and English seamlessly.

FranForge Portfolio Website

Systems I worked on

Decoupled Data

Description

Multiple Reusable Components

Description

Multilingual Support

Description

What i did learn?

Improvements

Roles held

Full-Stack Developer

External Links