🗣️ Versión en Español
Portafolio-CV es mi página personal que utilizo para mostrar mis habilidades, destrezas, mi blog personal y mis proyectos.
- Entorno de configuración
- Estructura
- Diagrama de Flujo
- Deploy
- Colaboradores
- Instrucciones de Uso
- Agradecimientos
Este es un entorno personalizado y configurado desde cero usando HTML, CSS y JavaScript. Está diseñado para ser visualizado en cualquier dispositivo, incluyendo PC, tablet o celular. Se han utilizado estas tecnologías ya que son las que manejo con mayor destreza.
La estructura de la página Portafolio-CV está configurada en 3 componentes principales:
El menú consta de 8 iconos organizados de manera clara para proporcionar la información que el usuario desea visualizar.
La cabecera está compuesta por dos secciones:
- Información personal: Mi nombre, profesión y enlaces a mis redes sociales.
- Contacto y descarga: Opciones para ponerse en contacto conmigo y descargar mi currículum.
El cuerpo de la página se divide en 6 secciones:
- Inicio
- Sobre mí
- Estudios
- Portafolio
- Blog
- Contáctame
Cada sección muestra la información correspondiente según su categoría.
La página también cuenta con un modo oscuro como opción adicional al modo claro.
El diagrama de flujo ilustra la interacción entre las diferentes secciones y componentes de la página Portafolio-CV.
graph TD;
Inicio --> Menu;
Menu --> Cabecera;
Cabecera --> Cuerpo;
Cuerpo --> Inicio;
Cuerpo --> Sobre Mí;
Cuerpo --> Portafolio;
Cuerpo --> Blog;
Cuerpo --> Estudios;
Cuerpo --> Contacto;
Estudios --> Detalles de Estudios;
Detalles de Estudio --> Rutas y Certificados;
Portafolio --> Detalles de Proyectos;
Detalles de Proyecto --> Código Fuente;
Detalles de Proyecto --> Demo;
Blog --> Detalles del Post;
Detalles del Post --> Contenido del Post;
Detalles del Post --> Comentarios del Post;
Comentarios del Post --> Comentario 1;
Comentarios del Post --> Comentario 2;
Contacto --> Detalles donde Ubicarme;
Si deseas mejorar o modificar este proyecto, te invito a clonarlo y ejecutarlo en tu entorno local siguiendo los siguientes pasos:
-
Clona el repositorio: git clone https://github.com/diegudeveloper/Portfolio-cv.git
-
Realiza las mejoras o modificaciones deseadas.
-
¡Despliega tu versión mejorada de Portafolio-CV!
- Armando
- David
-
Clona el repositorio Portfolio-cv.
-
Realiza mejoras, agrega nuevas funcionalidades, rompe cosas, inventa, ¡pero sobre todo, nunca dejes de intentarlo!
-
Despliega tu propia versión de Portafolio-CV y compártela con el mundo.
Quiero agradecer a Armando y David por su colaboración en este proyecto. Sin su apoyo, no habría sido posible lograr este resultado.
¡Gracias a todos por su tiempo y atención!
Este proyecto está bajo la licencia [MIT](LICENSE).
🖥 Imagen Modo Pc
🖥 Imagen Modo Movil
🗣️ English Version
Portfolio-CV is my personal page that I use to show my skills, abilities, my personal blog and my projects.
- Configuration environment
- Structure
- Flowchart
- Deploy
- Contributors
- Instructions for Use
- Acknowledgements
This is a custom environment configured from scratch using HTML, CSS and JavaScript. It is designed to be viewed on any device, including PC, tablet or mobile. These technologies have been used as they are the ones I am most proficient with.
The structure of the Portfolio-CV page is configured in 3 main components:
The menu consists of 8 icons organized in a clear way to provide the information the user wants to visualize.
The header is composed of two sections:
- Personal information: My name, profession and links to my social networks.
- Contact and download: Options to contact me and download my resume.
The body of the page is divided into 6 sections:
- Home
- About me
- Studies
- Portfolio
- Blog
- Contact me
Each section shows the corresponding information according to its category.
The page also has a dark mode as an additional option to the light mode.
The flowchart illustrates the interaction between the different sections and components of the Portfolio-CV page.
graph TD;
Inicio --> Menu;
Menu --> Cabecera;
Cabecera --> Cuerpo;
Cuerpo --> Inicio;
Cuerpo --> Sobre Mí;
Cuerpo --> Portafolio;
Cuerpo --> Blog;
Cuerpo --> Estudios;
Cuerpo --> Contacto;
Estudios --> Detalles de Estudios;
Detalles de Estudio --> Rutas y Certificados;
Portafolio --> Detalles de Proyectos;
Detalles de Proyecto --> Código Fuente;
Detalles de Proyecto --> Demo;
Blog --> Detalles del Post;
Detalles del Post --> Contenido del Post;
Detalles del Post --> Comentarios del Post;
Comentarios del Post --> Comentario 1;
Comentarios del Post --> Comentario 2;
Contacto --> Detalles donde Ubicarme;
If you wish to enhance or modify this project, I invite you to clone it and run it in your local environment by following the steps below:
-
Clone the repository:: git clone https://github.com/diegudeveloper/Portfolio-cv.git
-
Make the desired improvements or modifications.
-
Deploy your improved version of Portafolio-CV!
- Armando
- David
-
Clone the Portfolio-cv repository. Portfolio-cv.
-
Make improvements, add new features, break things, invent, but above all, never stop trying!
-
Deploy your own version of Portfolio-CV and share it with the world.
I would like to thank Armando and David for their collaboration in this project. Without their support, it would not have been possible to achieve this result.
Thank you all for your time and attention!
This project is licensed under the MIT.
🖥 Pc Mode Image
🖥 Mobile Mode Image