A responsive personal web portfolio made only with HTML, CSS, and JavaScript, geared toward the tech sector and designed to showcase my experience, projects, and contact information in a minimalist and dynamic way. It presents a description of myself, a list of some projects I have developed, a list of the skills and technologies I am experienced in, and a list of links to get in touch with me or check out my repository.
- The portfolio is deployed currently on Github Pages: https://veehto.github.io/my-portfolio/
-
Cambios generales:
- Se suavizan los bordes de la barra de navegación, footer, tarjetas y foto siguiendo una proporción.
- Se corrigen comportamientos inesperados de la responsividad del sitio.
-
Se cambia el diseño de las tarjetas de la sección de Proyectos:
- Interacción con las tarjetas ahora es más intuitiva.
- Comunica de mejor manera las tecnologías usadas en los proyectos.
- Mejora la responsividad de las tarjetas para pantallas más pequeñas.
- Se suavizan los borders de las tarjetas.
- Se cambia el fondo blanco puro de las tarjetas.
-
Sección de Habilidades:
- Se agregan dos íconos más.
- Los íconos ahora se despliegan de forma equitativa, también tomando en cuenta la responsividad del sitio.
- Responsive Design: Adapts to any device (mobile, tablet, desktop).
- Sections: Home, About Me, Projects, Skills (technologies I use) and Contact.
- Minimalist Design: Built only with HTML5, CSS3 and JavaScript.
Home with a Navbar, About me section with a description and a picture.
Project section, with some personal projects.
Project section, clicking the project card's title shows a description.
Skills section, having a list of icons representing the technologies I have used.
Contact section, Showing icons that take you to my LinkedIn page, Github page, and a mail icon that copies my email to your clipboard on click.
Home, About me sections responsive behavior.
Home, About me sections responsive behavior, smaller screens.
Projects section responsive behavior.
Skills and Contact sections responsive behavior.
- Vite.
- HTML.
- CSS.
- JavaScript.
These instructions will allow you to get a working copy of the project into your local environment for development and testing purposes.
To run this project you need to have installed:
- Clone the repository:
git clone git clone https://github.com/Veehto/my-portfolio tu_carpeta
cd tu_carpeta
code .- Install dependencies:
npm install- Run development server:
npm run dev- Page will be ready to check on
http://localhost:5173.
To create a production version and deploy it:
- build the project:
npm run build- install npm serve package:
npm install -g serve- Start the server:
serve -s dist- The generated files will be in the folder
dist/, that you can upload to any static hosting service such as:
.
├── node_modules
├── src/
│ ├── css/
│ │ └── style.css
│ ├── icons/
│ ├── images/
│ │ └── screenshots
│ ├── copyToClipboard.js
│ ├── counter.js
│ ├── project-list.js
│ └── vite-splash-page.js
├── .env
├── .gitignore
├── index.html
├── package-lock.json
├── pachake.json
└── README.md
- Add a Certifications section showing completed (and/maybe in progress) certifications.
- Implement light/dark themes.
- implement site's data in JSON files for dynamic rendering.
Contributions are welcome. To contribute:
- Fork the project.
- Create a branch for your suggested feature (
git checkout -b feature/amazing-feature). - Commit changes (
git commit -m 'Add some amazing feature'). - Push to branch (
git push origin feature/amazing-feature). - Open a pull request.
Made with ❤️ by Victor CS.