https://github.com/valehernandezz/minimalist-portfolio-json

Portafolio minimalista configurable a partir de un JSON.
https://github.com/valehernandezz/minimalist-portfolio-json

astro css html javascript json portfolio typescript

Last synced: 1 day ago
JSON representation

Portafolio minimalista configurable a partir de un JSON.

• Host: GitHub
• URL: https://github.com/valehernandezz/minimalist-portfolio-json
• Owner: ValeHernandezz
• Created: 2024-02-02T23:25:51.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-09-12T13:30:57.000Z (2 months ago)
• Last Synced: 2024-09-13T01:20:42.287Z (2 months ago)
• Topics: astro, css, html, javascript, json, portfolio, typescript
• Language: Astro
• Homepage: https://print-portfolio-valehernandez.vercel.app
• Size: 229 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# 📄 Portafolio minimalista maquetado para web y PDF

Proyecto diseñado para permitir la edición del archivo `cv.json` y así poder disponer de un portafolio profesional imprimible instantáneamente y también generar su correspondiente archivo PDF.

![minimalist-portfolio-json](https://github.com/ValeHernandezz/minimalist-portfolio-json/assets/128721976/c3d6a14a-1da1-40d6-8927-c1f4f89d05a6)

## 🛠 Construido con

- [![Astro](https://img.shields.io/badge/Astro-0C1222?style=for-the-badge&logo=astro&logoColor=FDFDFE)](https://astro.build) - Framework para crear sitios web estáticos y optimizados.

- [![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/es/) - Superconjunto de JavaScript que añade tipos estáticos y objetos basados en clases.

- [![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)](https://developer.mozilla.org/en-US/docs/Web/JavaScript) - Lenguaje de programación para desarrollar funciones interactivas en páginas web.

- [![Ninja-Keys](https://img.shields.io/badge/Ninja_Keys-171717?style=for-the-badge&logo=data:image/svg%2bxml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIzNDQuNTY0IDMzMC4yNzggMTExLjczNyA5MS4yMTgiIHdpZHRoPSI1My44NyIgaGVpZ2h0PSI0My42MSI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJsb2dvX3N2Z19fYiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0MjAuOTciIHkxPSIzMzEuMjgiIHgyPSI0MjAuOTciIHkyPSI0MTguNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2YjZkNCI+PC9zdG9wPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY3ZThmOSI+PC9zdG9wPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJsb2dvX3N2Z19fZCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzNzcuODkiIHkxPSIzMzEuMjgiIHgyPSIzNzcuODkiIHkyPSI0MTguNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2YjZkNCI+PC9zdG9wPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY3ZThmOSI+PC9zdG9wPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTQ1My4zIDMzMS4yOHYyOC41N2wtNjQuNjYgNTguNjV2LTMwLjA4bDY0LjY2LTU3LjE0eiIgaWQ9ImxvZ29fc3ZnX19hIj48L3BhdGg+PHBhdGggZD0iTTQxMC4yMyAzMzEuMjh2MjguNTdsLTY0LjY3IDU4LjY1di0zMC4wOGw2NC42Ny01Ny4xNHoiIGlkPSJsb2dvX3N2Z19fYyI+PC9wYXRoPjwvZGVmcz48dXNlIHhsaW5rOmhyZWY9IiNsb2dvX3N2Z19fYSIgZmlsbD0idXJsKCNsb2dvX3N2Z19fYikiPjwvdXNlPjx1c2UgeGxpbms6aHJlZj0iI2xvZ29fc3ZnX19jIiBmaWxsPSJ1cmwoI2xvZ29fc3ZnX19kKSI+PC91c2U+PC9zdmc+)](https://ninja-keys-demo.vercel.app) - Interfaz para implementar atajos de teclado en un sitio web.

- [![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)](https://html.com) - Lenguaje de marcado para estructurar y presentar contenido en la web.

- [![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)](https://www.w3.org/Style/CSS/Overview.en.html) - Lenguaje de diseño para estilizar páginas web.

## 🚀 Configuración del proyecto

En mi caso particular, utilizo [pnpm](https://pnpm.io) como gestor de dependencias y empaquetador.

### 1. Instala todas las dependencias del proyecto:

```bash

pnpm install

```

### 2. Edita el archivo `cv.json` para crear tu propio Portafolio imprimible.

### 3. Inicia el servidor de desarrollo:

```bash 

pnpm run dev

```

### 4. Abre tu localhost en tu navegador

```bash

http://localhost:4321

```

## ✒ Créditos

- Basado en el diseño de [Bartosz Jarocki](https://github.com/BartoszJarocki/cv).

- Esquema del JSON de CV de [JSON Resume](https://jsonresume.org/schema/).

- Basado en la idea de proyecto de [Miguel Ángel Durán](https://github.com/midudev).

## 👩‍💻 Sobre mí

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://valehernandez.vercel.app)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/valentina-hernandez-modino)