Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gaboelc/portfolio-gaboelc

This repository contains the source code for my personal portfolio website, showcasing my projects, skills, and experience as Data Analyst. Built with HTML, CSS and Astro, the portfolio highlights my work with project descriptions, technologies used, and links. Deployed in CloudFlare Pages. Feel free to explore and contribute!
https://github.com/gaboelc/portfolio-gaboelc

astro cloudflare-pages data-analysis-portfolio portfolio portfolio-website

Last synced: 22 days ago
JSON representation

This repository contains the source code for my personal portfolio website, showcasing my projects, skills, and experience as Data Analyst. Built with HTML, CSS and Astro, the portfolio highlights my work with project descriptions, technologies used, and links. Deployed in CloudFlare Pages. Feel free to explore and contribute!

Awesome Lists containing this project

README

        

# Portfolio-Gaboelc

Welcome to my personal portfolio project! This repository contains the source code for my professional portfolio, showcasing my skills, projects, and experiences. The website is built using Astro, a modern static site generator that delivers fast and optimized web experiences.

## Table of Contents

- [Portfolio-Gaboelc](#portfolio-gaboelc)
- [Table of Contents](#table-of-contents)
- [Overview](#overview)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Project Structure](#project-structure)
- [License](#license)
- [Contact](#contact)

## Overview

This portfolio serves as a comprehensive showcase of my work, including my skills, selected projects, and contact information. Built with Astro, the site focuses on performance, speed, and a seamless user experience. This `Stable` branch contains the most recent stable version of the portfolio.

## Features

- **Fast Performance**: Built with Astro to deliver fast loading times and optimized performance.
- **Responsive Design**: Optimized for viewing on desktop, tablet, and mobile devices.
- **Dynamic Content**: Features projects with descriptions, images, and links to live demos or GitHub repositories.
- **Interactive Elements**: Includes animations, smooth scrolling, and interactive components.
- **Contact Form**: Integrated contact form for easy communication.

## Technologies Used

- **Astro**: Static site generator that optimizes for speed and performance.
- **HTML5 & CSS3**: Markup and styling, using modern CSS techniques like Flexbox and Grid.
- **JavaScript/TypeScript**: For adding interactivity and dynamic behavior to the website.
- **Tailwind CSS**: Utility-first CSS framework for rapid UI development.
- **Git & GitHub**: Version control and code hosting.
- **CloudFlare Pages**: Deployment.

## Installation

To run this project locally, follow these steps:

1. **Clone the repository**:

```bash
git clone https://github.com/Gaboelc/Portfolio-Gaboelc.git
```

2. **Install dependencies:**:

```bash
npm install
```

3. **Start the development server:**:

```bash
npm run dev
```

## Project Structure

```bash
Portfolio-Gaboelc/

├── public/ # Static assets like images, fonts, etc.
│ ├── favicon.ico
│ └── ...

├── src/ # Source files
│ ├── components/ # Astro components and framework components (React, Vue, Svelte)
│ ├── layouts/ # Layout components for pages
│ ├── pages/ # Main pages (Home, About, Projects, Contact)
│ ├── styles/ # Global and component-specific styles
│ └── data/ # Data files (JSON, Markdown) for content

├── astro.config.mjs # Astro configuration file
├── package.json # Project dependencies and scripts
├── .gitignore # Git ignore file
├── README.md # Project documentation
└── ...
```

## License

This project is licensed under the MIT License. See the [LICENSE](https://github.com/Gaboelc/Portfolio-Gaboelc/blob/main/LICENSE) file for more details.

## Contact

For any questions, feedback, or inquiries, please contact me via:

- Email:
- LinkedIn: linkedin.com/in/gaboelc
- Feel free to explore the code and reach out if you have any suggestions or would like to collaborate!

Thank you for visiting my portfolio repository!