Crea tu propia web

Taller dirigido por Álvaro Hernández

Este repositorio contiene el código de la plantilla de portfolio del taller de "Crea tu propia web" de ACM, así como recursos que pueden ser de ayuda para extender el contenido del taller y aprender más por tu própia cuenta.

Introducción  •  Instalación  •  Recursos

Introducción

Este es un potfolio de ejemplo, descarga el código y edítalo añadiendo tus datos para crear tu propio portfolio:

• Edita los datos personales.
• Añade una biografía.
• Modifica tu experiencia y habilidades.

Instalación

Instalar yarn

$ npm i -g yarn

Setup

# install dependencies
$ yarn

# serve with hot reload at localhost:3001
$ yarn run dev

# serve as production with hot reload at localhost:3000
$ yarn run start

Recursos

A continuación tienes una lista de consultas, webs, artículos y videos de interés:

Presentación

Aquí puedes ver la presentación usada en el taller (hecha en Figma).

¿Dónde hosteo mi portfolio?

Te recomendamos usar Netlify, es muy sencillo de manejar y es gratis. ¡Podrás compartir tu portfolio públicamente en un par de clicks desde el repositorio de Github!
Además podrás actualizar tu portfolio con tan solo subir un commit.

Quiero aprender más sobre las tecnologías usadas en el taller

• NextJS
  • Youtube — Midudev ( 📚 Curso de Next.js 13 desde cero )
  • Documentación oficial ( NextJS Docs )
• ReactJS
  • Youtube — Midudev ( Curso REACT JS ⚛️ - Aprende desde CERO 📈 Componentes, State, JSX (Tutorial Desde Cero en Español) )
  • Documentación oficial ( ReactJS Docs )
• TailwindCSS
  • Documentación oficial ( TailwindCSS Docs )

Artículos y vídeos relacionados

• The "anatomy" of the resume that got me interviews with Google, Amazon, Shopify, Microsoft, Intuit, Hootsuite & 5 Other Companies in 1 month
• How to take your front-end skills TO THE MOON
• TRUCOS para mejorar tu CV para ser contratado por Leonardo Poza [miduConf]
• Charla - No eres tú... Es tu CV con Marta Lobo | ACM UPV Chapter | ETSINF UPV

Webs de inspiración

Recuerda lo que hemos comentado en el taller para "copiar como un profesional"
(Inspiración → Apreciación → Análisis → Deconstrucción → Construcción)

• Colecciones
  • Awwwards.com
  • BestFolios.com
  • SiteInspire.com
  • Behance
  • Codepen
• Ejemplos de portfolios
  • edwardh.io
  • bpowell.co
  • cherupil.com
  • robonilla.com
  • lynnsohn.com
  • chriswelch.co
  • alexlakas.com
  • yuyangluo.com
  • taamannae.dev
  • yinghsuanho.com
  • karoliskosas.com
  • jaeyouchung.com
  • camillemormal.com
  • adriengervaix.com
  • toyfight.co
  • adrienlaurent.fr
  • jacobleech.com
  • guillaumegouessan.com
  • marioecg.com
  • danny-garcia.com
  • robinpayot.com
  • tamalsen.dev
  • jesse-zhou.com
  • thecraftsmen.tech
  • itssharl.ee
  • cydstumpel.nl