Skip to content

rubenterre/ProDev

Repository files navigation

Portafolio web de Rubén Terré

¡Bienvenido a mi portafolio web! Este proyecto está desarrollado utilizando Sveltekit, JavaScript, SASS y MaterializeCSS.

Sitio web: rubenterre.com

En él encontrarás información sobre mis habilidades, proyectos, experiencia laboral y formación académica. Además, podrás descargar mi currículum y ponerte en contacto conmigo.

Tecnologías utilizadas

  • Sveltekit: Un constructor de aplicaciones frontend rápido y optimizado.
  • JavaScript: Lenguaje de programación utilizado para la interactividad en el sitio.
  • SASS: Preprocesador CSS que facilita la escritura de estilos de manera eficiente y modular.
  • MaterializeCSS: Framework CSS basado en Material Design, utilizado para crear una interfaz de usuario atractiva y responsiva.
  • Sketch: Herramienta utilizada para el diseño inicial de la página.

Svelte HTML5 SASS JavaScript MaterializeCSS
Sketch

Estructura del proyecto

ProDev/
├── public/
│   ├── favicon/
│   ├── icons/
│   ├── images/
│   ├── logos/
│   ├── Ruben_Arturo_Terre_Lameiro_CV_2024.pdf
│   └── rubenterre_OGraph.jpg
├── src/
│   ├── components/
│   ├── styles/
│   ├── json/
│   └── main.js
├── .gitignore
├── .prettierrc
├── LICENSE
├── README.md
└── package.json

Metodologías y mejores prácticas

Metodología BEM

Para mantener un código CSS organizado y modular, he utilizado la metodología BEM (Block, Element, Modifier). Esto permite un fácil mantenimiento y escalabilidad del proyecto.

Accesibilidad

He seguido las mejores prácticas para asegurar que la página sea accesible para todos los usuarios, incluyendo aquellos con discapacidades. Esto incluye el uso adecuado de etiquetas ARIA, contraste de colores, y navegación mediante teclado.

Rendimiento

Para optimizar el rendimiento, he minimizado el uso de recursos y asegurado que la página se cargue rápidamente. Esto incluye la compresión de imágenes y el uso eficiente de scripts.

Instalación y uso

  1. Clona este repositorio:
    git clone /~https://github.com/rubenterre/ProDev.git
    cd ProDev
    npm install
    npm run dev