Portfolio Irene Rueda Vega 💻

Este portfolio es una web responsive desarrollada con la finalidad de recopilar proyectos realizados.

¿Cuál es la estructura del proyecto?

src
 ├─ components
 |  ├─ about
 |  |    └─ About.js
 |  ├─ contact
 |  |    └─ Contact.js
 |  ├─ cover
 |  |    └─ Cover.js
 |  ├─ navbar
 |  |    └─ Navbar.js
 |  ├─ projects
 |  |    ├─ Project.js
 |  |    └─ Projects.js
 |  |─ skills
 |  |    |─ sections
 |  |    |     ├─ LayoutContent.js
 |  |    |     ├─ Learning.js
 |  |    |     ├─ TeamWorkContent.js
 |  |    |     └─ WebDevContent.js
 |  |    └─ Skills.js
 |  └─  App.js
 ├─ data
 |    └─  projects.js
 ├─ media
 ├─ documents
 ├─stylesheets
 |  ├─ core
 |  |    ├─ mixins.scss
 |  |    ├─ reset.scss
 |  |    └─ variables.scss
 |  └─ layout
 |       ├─ about.scss
 |       ├─ contact.scss
 |       ├─ cover.scss
 |       ├─ index.scss.scss
 |       ├─ learning.scss
 |       ├─ navbar.scss
 |       ├─ project.scss
 |       ├─ projects.scss
 |       ├─ skills.scss
 |       └─ skillsContent.scss
 └─ index.js

¿Cómo se ha desarrollado esta web?

• Esta web ha sido desarrollada con: HTML5, CSS3, SASS y REACT.
• Desarrollada con la estrategia de mobile first.
• Se ha usado mediaqueries para hacer la web responsive (diseño adaptable a los distintos dispositivos)
• Para los estilos se ha utilizado: Sass y Css3.
• Para la estructuración de la web: Html5, JavaScript ES6 y React.js.
• Para el control de versiones del proyecto se ha utilizado Git.
• Además se han utilizado las siguientes librerias: react-router-dom, react-router-hash-link, typewriter-effect, react-card-flip.

¿Cómo puedo arrancar el proyecto?

Este proyecto se ejecuta con React. Una vez instalado debes:

1. Clonar el repositorio.
2. Abrir la terminal.
3. Usar el siguiente comando para instalar el proyecto: npm install en la terminal para instalar las dependencias.
4. A continuación para ejecutar el proyecto y probarlo en desarrollo usa npm start en la terminal. Abre (http://localhost:3000) para verlo en el navegador.
5. Para publicar el proyecto a producción usa el comando: npm run build.

Diseñado por:

• Javier Santos Vivar
• Irene Rueda Vega

Hecho con 💜 por:

Irene Rueda Vega.