Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/nicolasgrajaleshoyos/portafolio/llms.txt

Use this file to discover all available pages before exploring further.

Portfolio Moderno is a fast, elegant personal portfolio site built by Nicolas Grajales Hoyos. It showcases projects, skills, and contact information in a single-page React application with smooth scroll animations, a dark/light mode toggle, and a fully responsive layout powered by Tailwind CSS.

Introduction

Learn what Portfolio Moderno is, how it’s structured, and what technologies power it.

Quickstart

Clone, install dependencies, and run the development server in under five minutes.

Architecture

Explore the project structure, component hierarchy, and design decisions.

Components

Deep-dive into each React component — props, behavior, and customization points.

Customization

Add your own projects, update the skills grid, and adjust colors and fonts.

Deployment

Build for production and deploy to Vercel, Netlify, or any static host.

What’s inside

Portfolio Moderno is a single-page application organized into five distinct sections — Hero, About, Projects, Contact, and a Footer — each implemented as a standalone React component with its own scroll-triggered animation.
1

Clone the repository

Get the source code from GitHub and move into the project directory.
git clone https://github.com/nicolasgrajaleshoyos/portafolio.git
cd portafolio
2

Install dependencies

Use npm, yarn, or bun — all three lockfiles are committed.
npm install
3

Start the dev server

Vite spins up a hot-reloading dev server at http://localhost:3000.
npm run dev
4

Customize and deploy

Edit the projects and skills arrays in their components, then build and ship.
npm run build

Tech stack

TechnologyRole
React 19UI component library
TypeScriptStatic typing
Vite 6Build tool and dev server
Tailwind CSS 3Utility-first styling
React IconsIcon library

Build docs developers (and LLMs) love