PabloBona.github.io

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

PabloBona.github.io

(★ 14)

This repo contains my portfolio and a selection of projects and works that I have completed. Feel free to explore these projects and know me better.

PabloBona.github.io Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
 <h3>Microverse Portfolio</h3>
</div>

# 📗 Table of Contents

- [📖 About the Project](#about-project)
  - [🛠 Built With](#built-with)
    - [Tech Stack](#tech-stack)
    - [Key Features](#key-features)
  - [🚀 Live Demo-Video Demo ](#live-demo)
- [💻 Getting Started](#getting-started)
  - [Setup](#setup)
  - [Prerequisites](#prerequisites)
  - [Install](#install)
  - [Usage](#usage)
  - [Run tests](#run-tests)
  - [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 Pablo Bonasera's Microverse Portfolio <a name="about-project"></a>

**Pablo Bonasera's Microverse Portfolio** This repo contains my portfolio and a selection of projects and works that I have completed. Feel free to explore these projects and know me better.

## 🛠 Built With <a name="built-with"></a>

### Tech Stack <a name="tech-stack"></a>

My Portfolio's tech stack included a combination of HTML and CSS to structure and style the content of my web pages. HTML provided the foundation for organizing the page's structure, while CSS added visual design elements, such as colors, fonts, and layouts. Additionally, I used Figma, a user interface design tool, to create a visual representation of the web pages before starting to code in HTML and CSS. Figma allowed me to explore different design options and iterate on the page's layout and elements before committing to a final design.

<details>
 <summary>Client</summary>
 <ul>
 <li><a href="https://www.w3schools.com/html/">HTML</a></li>
 <li><a href="https://www.w3schools.com/css/">CSS</a></li>
 <li><a href="https://www.figma.com/file/l7SqJ3ZfkAKih9sFxvWSR4/Microverse-Student-Project-1?type=design&node-id=0-1&t=ZRVAxLHdljOKsnUT-0">Figma Design</a></li>
 </ul>
</details>

### Key Features <a name="key-features"></a>

- **Modern UI Design**
- **Valid HTML5 & CSS3**
- **Fully Responsive**

(<a href="#readme-top">back to top</a>)

## 🚀 Live Demo <a name="live-demo"></a>

- Access my online portfolio and experiment with the different sections and projects I have included from here <a href="https://pablobona.github.io/">Live Demo</a>

(<a href="#readme-top">back to top</a>)

## ⭐️ Video Demo <a name="live-demo"></a>

[![Project presentation: video demo](https://cdn.loom.com/sessions/thumbnails/128b7af0dfb94ee4a85560bb69ad74d6-with-play.gif)](https://www.loom.com/share/128b7af0dfb94ee4a85560bb69ad74d6)

(<a href="#readme-top">back to top</a>)

## 💻 Getting Started <a name="getting-started"></a>

These instructions will allow you to obtain a copy of the project on your local machine for development and testing purposes. See deployment for additional notes on how to deploy the project on a live system.

### Prerequisites

In order to run this project you need: [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [NPM](http://npmjs.com)) installed on your computer.

```
node@v16.4.2 or higher
npm@7.18.1 or higher
git@2.30.1 or higher
```

Also, you can use [Yarn](https://yarnpkg.com/) instead of NPM ☝️

```
yarn@v1.22.10 or higher
```

### Setup

Clone this repository to your desired folder:

```sh
  cd my-folder
  git clone https://github.com/PabloBona/PabloBona.github.io.git
```

### Install

Install this project with:

```sh
  cd PabloBona.github.io
  npm install
```

### Usage

To run your project locally use the live server feature in Visual Studio Code or open the index.html file in the browser.

### Run tests

To run tests, run the following command:

```sh
  npx hint .
  npx stylelint "**/*.{css,scss}"
```

### Deployment

This proyect is deployed using [GitHub Pages](https://pages.github.com/).

(<a href="#readme-top">back to top</a>)

## 👥 Authors <a name="authors"></a>

👤 **Pablo Bonasera**

- GitHub: [@PabloBona](https://github.com/PabloBona)

(<a href="#readme-top">back to top</a>)

## 🔭 Future Features <a name="future-features"></a>

- [x] **Add contact form**
- [x] **Improve desktop version**
- [x] **Add animations and transitions**
- [ ] **Add support for multiple languages**
- [ ] **Implement a dark mode option**
- [ ] **Add new breakpoints for screen dimension sm-lg-xl**
- [ ] **Integrate with social media platforms**

(<a href="#readme-top">back to top</a>)

## 🤝 Contributing <a name="contributing"></a>

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/PabloBona/PabloBona.github.io/issues).

(<a href="#readme-top">back to top</a>)

## ⭐️ Show your support <a name="support"></a>

If you found this project useful, please consider giving it a star on GitHub to show your support and help us reach a wider audience.

(<a href="#readme-top">back to top</a>)

## 🙏 Acknowledgments <a name="acknowledgements"></a>

"Special thanks to Microverse (https://www.microverse.org/) for providing a collaborative learning platform that has allowed me to improve my programming skills and has helped me achieve my professional goals."

(<a href="#readme-top">back to top</a>)

## 📝 License <a name="license"></a>

This project is [MIT](./MIT.md) licensed.

(<a href="#readme-top">back to top</a>)

PabloBona.github.io

PabloBona.github.io Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

PabloBona.github.io

PabloBona.github.io Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README