Skip to main content

Portfolio Moretto

A modern, bilingual personal portfolio website showcasing Federico Moretto’s software development work and professional experience.

Key Features

Portfolio Moretto is a production-ready personal portfolio built with modern web technologies and best practices.

Bilingual Support

Full Spanish and English translations powered by react-i18next

Responsive Design

Mobile-first design with Tailwind CSS that looks great on any device

Firebase Integration

Dynamic project data loaded from Firestore with image storage

Modern Stack

Built with React, Vite, and modern JavaScript tooling

SEO Optimized

Semantic HTML structure with proper meta tags and descriptions

Smooth Navigation

Scroll-based navigation with smooth transitions between sections

Getting Started

Install dependencies and run the portfolio locally in minutes

Architecture Overview

Understand the project structure and design patterns

Component Reference

Explore all React components and their usage

Customization Guide

Learn how to customize content, translations, and styling

Tech Stack

Portfolio Moretto leverages a carefully selected set of technologies:
  • React 18 — Modern UI library with hooks and functional components
  • Vite — Fast build tool with hot module replacement
  • Tailwind CSS — Utility-first CSS framework for rapid styling
  • Firebase — Backend services for Firestore database and storage
  • react-i18next — Internationalization framework for bilingual support
  • Bootstrap Icons — Comprehensive icon library

Live Demo

Visit the live portfolio at federicomoretto.com.ar

Get Started

Quickstart Guide

Follow our step-by-step guide to get the portfolio running locally

Build docs developers (and LLMs) love