Un portfolio personal minimalista y profesional que funciona como CV online de una sola página. Creado con tecnologías web fundamentales: HTML, CSS y JavaScript vanilla.
🌐 Multi-idioma: Cambia entre idiomas fácilmente - toda la información se gestiona a través de archivos .json independientes, sin necesidad de tocar el código HTML.
🎨 Personalización visual:
- Modo dark/light para adaptarse a las preferencias del usuario
- 3 esquemas de colores diferentes para darle tu toque personal
- Diseño completamente responsivo que se ve perfecto en cualquier dispositivo.
⚡ Fácil de usar:
- Configuración sin código: Solo editá los archivos JSON con tu información personal
- Plug & play: Descargá, personalizá y publicá
- Liviano y rápido: Sin frameworks pesados, solo tecnologías web puras
Desarrolladores, diseñadores, freelancers o cualquier profesional que necesite una presencia web rápida y profesional sin complicaciones técnicas. Ideal como primer proyecto o como alternativa minimalista a portfolios más complejos.
📦 one-page-cv/
├── index.html
├── assets/
│ ├── css/
│ ├── images/
│ ├── js/
│ └── json/
│ ├── es.json
│ └── en.json
└── README.md
Para activar el formulario, debés registrarte en Formspree (gratuito) y obtener tu endpoint. Luego reemplazá el valor del action en el formulario por tu URL personalizada, por ejemplo:
<form action="https://formspree.io/f/xxxxxxxx" method="POST">El contenido de la página se gestiona desde archivos .json ubicados en:
/assets/json/
Cada archivo representa un idioma:
es.json– Españolen.json– Inglés
{
"Title": "One Page CV — {TU_NOMBRE}",
"PersonName": "{TU_NOMBRE}",
"NavbarItems": {
"sobre_mi": "Sobre mí",
"tecnologias": "Tecnologías",
"proyectos": "Proyectos",
"contacto": "Contacto"
},
"Traits": [
"Habilidad1",
"Habilidad2",
"Habilidad3",
"Habilidad4"
],
"AboutMe": {
"title": "Sobre mi",
"content": "<p>Tu contenido</p>"
},
"Categories": {
"1": "Frontend",
"2": "Backend",
"3": "Database",
"4": "Other"
},
"Technologies": {
"title": "Tecnologías",
"list": [
{
"category": "1",
"icon": "./assets/images/technologies/example.svg",
"text": "example"
}
]
},
"Projects": {
"title": "Proyectos",
"projects": [
{
"title": "",
"description": "",
"cover": "",
"link": ""
}
]
},
"Contact": {
"title": "Contacto",
"content": "¿Querés hablar sobre un proyecto, mejorar tu web o simplemente decir hola?",
"fields": {
"nombre": "Nombre:",
"correo": "Correo:",
"mensaje": "Mensaje:",
"enviar": "Enviar"
}
}
}Cloná el repositorio:
git clone https://github.com/proyectos-random-x/OnePageCV.git
cd OnePageCVAbrí index.html en tu navegador.
Para cambiar el contenido, editá los archivos en /assets/json/.
Para cambiar de idioma de forma manual:
<!-- Cambiar por lang="en", lang="pt", etc. -->
<html lang="es" data-scheme="light" data-color="default">Podés subir este proyecto directamente a:
- GitHub Pages
- Netlify
- Vercel
Hecho con cariño por Joel. Inspirado en buenas prácticas, accesibilidad y ganas de dejar el código más prolijo que una libreta nueva 🧼📘.
MIT – Usalo, modificalo y compartilo como quieras.