Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/esetoni/portfolio-template

Portfolio-Template minimalist for community
https://github.com/esetoni/portfolio-template

community minimalist portfolio template

Last synced: 21 days ago
JSON representation

Portfolio-Template minimalist for community

Awesome Lists containing this project

README

        





Portfolio minimalista para desarrolladores



Sencillo de usar con .json, de codigo abierto



Para toda la comunidad se aceptan : pull requets



Empezar

 ✦ 

Comandos

 ✦ 

Licencia

 ✦ 

Personal


![Astro Badge](https://img.shields.io/badge/Astro-BC52EE?logo=astro&logoColor=fff&style=flat)
![GitHub stars](https://img.shields.io/github/stars/EseToni/Portfolio-Template)
![GitHub issues](https://img.shields.io/github/issues/EseToni/Portfolio-Template)
![GitHub forks](https://img.shields.io/github/forks/EseToni/Portfolio-Template)
![GitHub PRs](https://img.shields.io/github/issues-pr/EseToni/Portfolio-Template)




## 🛠️ Stack

- [**Astro**](https://astro.build/) - Framework principal para generar pagina estatica.
- [**Preact**](https://preactjs.com/) - Construir islas dinamicas poco pesadas.
- [**Typescript**](https://www.typescriptlang.org/) y [**Tailwind**](https://www.typescriptlang.org/) - Aceleradores de desarollo.

## 🚀-Empezar

### 1. Usa este [repo](https://github.com/EseToni/Portfolio-Template/) como _template_ para tu Portfolio.

- Yo uso [npm](https://www.npmjs.com/) como gestor de dependencias y empaquetador.

```bash
# Clona el proyecto
git clone https://github.com/EseToni/Portfolio-Template.git
# Instala las dependencias
npm install
```

### 2. Añade tu contenido:
Edita la información de los archivos __.json__ que se encuentran en la ruta [__data/__](mad-main/src/data/) `*.json` para crear tu propio Portafolio.

![GIF](gift.gif)

### 3. Añadiendo img - icons:
Añade en [__public/__](mad-main/public/)`img` \\ `icons` las imagenes y los iconos y asegurate que su nombre coincidan con los `.json` de [__@data__](mad-main/src/data/)

### 3. Lanza el servidor de desarrollo:

```bash
# Disfruta del resultado
npm run dev
```

1. Abre [**http://localhost:4321**](http://localhost:4321/) en tu navegador para ver el resultado 🚀

## 🧞 Comandos

| | Comando | Acción |
| :-- | :--------------- | :-------------------------------------------- |
| ⚙️ | `dev` o `start` | Lanza un servidor de desarrollo local en `localhost:4321`. |
| ⚙️ | `build` | Comprueba posibles errores y hace un empaquetado de producción en `./dist/`. |
| ⚙️ | `preview` | Vista previa en local `localhost:4321` |

## 🔑 Licencia

[MIT](LICENSE.txt) - Creado por [**tonidev**](https://github.com/EseToni/).

## 🫂 Contribuidores